The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › CSS3 transform only in Firefox ?
[This](http://codepen.io/markomarkogame/pen/GqiEn “this”) is what I’m talking about.
So for me it only works in latest Firefox, Chrome to my suprise doesn’t work. Any solution ?
If you see in Firefox it jumps up for 10px when you hover over the div, but you can’t see that in Chrome..
even with this:
.rad:hover img{ transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); }
Chrome doesn’t have the animation ?
It works fine…but you do have to turn on Prefix free in Codepen
http://codepen.io/Paulie-D/pen/fkqKm
Oh…and your quoted code is in the wrong order…unprefixed always goes LAST. It’s right in Codepen however.
.rad:hover img{ -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10 px); }