CSS3 Keyframes for Chrome and Firefox

by Koree S. Monteloyola

 

Web Guide CSS3 Keyframes for Chrome

If you're reading this you're probably looking for a sample CSS3 keyframes code that works for Chrome and Firefox. We'll you've come to the right place.

The solution to your problem is to follow this sequence in writing your keyframes script.

 

/*For InternetExplorer 10, FireFox 16.0*/
@keyframes nameOfCss3AnimationHere { /*Your animation script here*/ }

/*For FireFox 5.0*/
@-moz-keyframes nameOfCss3AnimationHere {/*Your animation script here*/}

/*Chrome 4.0, Safari 4.0, Opera 15.0*/
@-webkit-keyframes  nameOfCss3AnimationHere { /*Your animation script here*/}

View the CSS3 keyframes demo. Enjoy!

Category: HTML, Tutorials
blog comments powered by Disqus