THE STATE OF WEB ANIMATION : 2015
What is animation?
Where we've been and why the state of animation on the web has evolved.
Modify 2D and 3D coordinate space with properties such as scale, translate (move), rotate, skew, perspective, etc. Not inherently animated, but commonly used within animation operations.
When CSS property changes are applicable, as with :hover or using JS to dynamically add/remove CSS classes, allows control over the timing of the transition.
CSS3 @keyframes Animation
Define animation properties including looping and iterations on a normal CSS selector, specifying a named @keyframes rule that defines CSS properties for the beginning and end points. Useful in conjunction with JS triggering.
http://24ways.org/2012/flashless-animation (example of flipping through image sprite frames with steps property)
http://snapsvg.io/ A JS library described as "jQuery for SVG", from the creator of Raphael.JS.
Web Animation API
Basic tweening of CSS properties.
A lightweight replacement for jQuery .animate with better performance.
GSAP (Greensock Animation Platform)
A robust, high performance animation library, with lightweight components that can be used individually, like TweenLite.
http://greensock.com/ Scroll-position aka
A data visualization library, offering many interesting possibilities through its interactive and animation methods.
Muse offers an InDesign-like approach to creating websites, without coding, and offers some animation features.