#CSS animation with #KeyFrames

Oscar Brito


From Mozilla Developer Network:

The @keyframes CSS at-rule lets authors control the intermediate steps in a CSS animation sequence by establishing keyframes (or waypoints) along the animation sequence that must be reached by certain points during the animation. This gives you more specific control over the intermediate steps of the animation sequence than you get when letting the browser handle everything automatically.

Check my heartbeat example:


LINK:
http://jsfiddle.net/aetheon/4jYwR/
http://codepen.io/noahblon/pen/GKflw
https://developer.mozilla.org/en-US/docs/CSS/@keyframes



Visit www.divhide.com for more informations, contacts and news about Web Development.
See other blog posts at blog.divhide.com.



Divhide purpose is to follow the HTML5 movement and contribute with applications which prove the quality of technology.


Feel free to contact divhide.