Search code examples
csscss-transformsvendor-prefix

The CSS transforms that I used don't work in mozilla Firefox

My animations arent working in mozilla but they are working in chrome. Please suggest some changes so that it works in 

a {
    transition: all 0.5s ease-in-out 0s;
}

a:hover {
    transform:rotate(360deg) ;
    -moz-transform:rotate(360deg);  
    -webkit-transform:rotate(360deg);
    cursor:pointer;
}
Solution

  • Add 

    display: inline-block;

    to your link styles.

    It seems like Firefox refuses to transform inline elements.

    Check demo:

    http://codepen.io/anon/pen/RPVVXM