CSS3 transform only in Firefox ?

[apart]

[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 ?

[Paulie_D]

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);
}

[Author]

Posts