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
More
More information and examples at:
Gian Faye
This is bathed with pure awesomess! 8D
I’m excited to try it. Woop~
Ricard Torres
Thank you for the comment Gian Faye! Sorry for the 10 year delay in answering.