Forums

markomarkogame

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

treehouse : what would you like to learn today?

Forums

[Solved] CSS3 transform only in Firefox ?