5. Animated Effects Using CSS3

Traditionally, the web was a very static place. Achieving animations was not possible in any sane way until JavaScript, animated GIFs, and Flash came along, at which point everyone rejoiced and applauded the ensuing slew of skip intros and horrible obtrusive animations that crashed onto the web.

Using these newer technologies was all well and good, but there was still no way for nondevelopers to create animations using open standards—until now! With CSS3, you can animate elements of your web documents. As a result, standards-based web design has become even more fun!

In this chapter you’ll learn how to create useful animated effects for your web pages using CSS3 Animations, Transforms, and Transitions.

Bringing ...

Get Practical CSS3: Develop and Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.