Transitions and Animations in CSS by Weyl, Estelle -- Read -- Imperial Library of Trantor

Index

Preface

Conventions Used in This Book Using Code Examples Safari® Books Online How to Contact Us Acknowledgments

1. CSS Transitions and Animations

12 Basic Principles of Animation Animation and Transition Considerations

2. Transitions

CSS Transitions Fallbacks: Transitions Are Enhancements Transition Properties

The transition-property Property

all none Transitionable properties Transition event: transitionend

The transition-duration Property The transition-timing-function Property The transition-delay Property

Negative values Improving user experience Reverse direction

The transition Shorthand Property

In Reverse: Transitioning Back to Baseline Animatable Properties and Values

How Property Values Are Interpolated

Repeating values

Animatable Properties transition Events Revisited

Printing transitions

3. Animation

Keyframes Setting Up Your Keyframe Animation Keyframe Selectors

Omitting from and to Values Repeating Keyframe Properties Animatable Properties Nonanimatable Properties That Aren’t Ignored Dynamically Changing @keyframes Animations

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

Animation chaining Animation iteration delay

The animation-timing-function Property

The step timing functions Adding a second animation Animating the animation-timing-function

The animation-play-state property The animation-fill-mode Property The animation Shorthand Property

Animation, Specificity, and Precedence Order

Specificity and !important Animation Order Animation Iteration and display: none; Animation and the UI Thread Seizure Disorders

Animation Events and Prefixing

animationstart animationend animationiteration

Other Considerations

Printing Animations