Why CSS animations are working all smooth in Chrome but not in Firefox?

Question

Why CSS animations are working all smooth in Chrome but not in Firefox?

url: http://carloshermoso.com/works/rwd/

#mainContent h2 { -moz-animation-duratio         


        

Answer 1

Probably simply due to the different rendering engines of chrome and firefox. You can take a look at this if you want to see how you can improve the css transform speed. Additionally, your code isn't working in Opera or Internet Explorer because you haven't included the normal (no-prefix) animation property that Opera and IE 10 use. Note that IE 9 and Below don't support CSS animations at all. More information on that here.