This course presents a short series of CSS animation techniques, such as looping, playing, and pausing, and puts them together in a small project: an animated infographic. Author Val Head also addresses using CSS preprocessors, adding transitions, handling vendor prefixes, and understanding the best uses for CSS animations. Plus, discover how to measure the performance and current level of browser support for CSS animations and how we can expect the technology to change.

Topics include:

• Understanding delay and fill-mode
• Dictating an animation's direction
• Using easing
• Adding keyframes
• Looping an animation
• Chaining multiple animations on one element
• Setting up the HTML structure
• Adding interactivity with javascript