CSS Animations now on Firefox

Add the -moz prefix and create CSS3 animations without any JavaScript.

With CSS3 we already saw the webkit animations.

Now we can also do that on Firefox 😉

CSS

h1 {
   animation-duration: 3s;
   animation-name: slidein;      
 }
 @keyframes slidein {
   from {
     margin-left:100%;
     width:300%
   }
 to {
     margin-left:0%;
     width:100%;
   }
 }
Code language: CSS (css)

Demo

View demo

More

More information and examples at:

https://developer.mozilla.org/en/CSS/CSS_animations