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

About Ricard Torres

Senior Front-end Software Engineer at Netcentric, from Barcelona, Haidong Gumdo Instructor (korean martial art of the sword), street photographer, travel lover, TV addict, Boston Red Sox fan, and privacy advocate.

@ricard_dev @ricard_dev

📝 Blog 🎙 Podcast

2 comments

Leave a Reply

Add <code> Some Code </code> if you need to.

*
*