Grow your CSS skills. Land your dream job.

CSS3 transform only in Firefox ?

  • # March 3, 2013 at 12:01 pm

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

    # March 3, 2013 at 1:26 pm

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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".