HTML5 Animation

The process of animating for the web is constantly evolving. As both CSS and JavaScript can perform animations, which should you choose? I'd recommend reading this article on CSS vs Javascript animation to start.

Below are a series of examples in JavaScript and CSS. While the future is most likely going to be the Web Animations API, there are still advantages and disadvantages to each. Here's a great CSS-Tricks article comparing animation technologies.

CSS

• CSS Transition
• Keyframes
• Keyframes Stop
• Keyframes Steps
• Page - Fade In

Javascript

• Set Interval
• requestAnimationFrame
• Keyframes
• Keyframes Stop

SVG

• SVG Animation (MDN)

External Libraries for Animation

• Animate CSS Example
• Animate CSS with JQuery Example
• Greensock TweenLite
• Greensock Timeline
• JQuery.animate()

---