Book description
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
Publisher resources
Table of contents
- Preface
- 1. CSS Transitions and Animations
- 2. Transitions
-
3. Animation
- Keyframes
- Setting Up Your Keyframe Animation
- Keyframe Selectors
-
Animated Elements
- The animation-name Property
- The animation-duration Property
- The animation-iteration-count Property
- The animation-direction Property
- The animation-delay Property
- Animation Events
- The animation-timing-function Property
- The animation-play-state property
- The animation-fill-mode Property
- The animation Shorthand Property
- Animation, Specificity, and Precedence Order
- Animation Events and Prefixing
- Other Considerations
Product information
- Title: Transitions and Animations in CSS
- Author(s):
- Release date: April 2016
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491929834
You might also like
book
Web Development with Node and Express, 2nd Edition
Build dynamic web applications with Express, a key component of the Node/JavaScript development stack. In this …
book
How Linux Works, 3rd Edition
Unlike some operating systems, Linux doesn’t try to hide the important bits from you—it gives you …
book
Effective TypeScript
TypeScript is a typed superset of JavaScript with the potential to solve many of the headaches …
book
Learning Algorithms
When it comes to writing efficient code, every software professional needs to have an effective working …