Synopses & Reviews
This practical book shows you how CSS transitions and animations provide a way to control how a property changes from one value to the next over time. You can make the property value change gradually, creating pleasant and hopefully unobtrusive effects. CSS transitions let you decide which properties to animate, how long to wait before the animation starts, how long the transition should take, and how the transition will proceed—all of which are customizable.
Synopsis
Add life and depth to your web applications and improve user experience through the discrete use of CSS transitions and animations. With this concise guide, you'll learn how to make page elements move or change in appearance, whether you want to realistically bounce a ball, gradually expand a drop-down menu, or simply bring attention to an element when users hover over it.
Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Transitions and Animations in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to make your web pages come alive today.
- Understand and learn how to implement Disney's 12 principles of cartoon animation
- Learn which CSS properties you can animate and use in transitions
- Apply CSS's four transition properties and nine animation properties to your CSS elements
- Use CSS keyframe animations to granularly control an element's property values
- Learn details that will save you hours of debugging and megabytes of unnecessary JavaScript
About the Author
Estelle Weyl is a front-end engineer who has been developing standards-based accessible websites since 1999. She writes two technical blogs pulling millions of visitors, and speaks about CSS3, HTML5, JavaScript and mobile web development at conferences around the world.