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

Question

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

Answer 1

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