Estelle Weyl - Transitions and Animations in CSS: Adding Motion with CSS [2016, PDF/EPUB/MOBI, ENG]

Table of Contents
Preface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . v
1. CSS Transitions and Animations. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
12 Basic Principles of Animation 1
Animation and Transition Considerations 5
2. Transitions. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
CSS Transitions 8
Fallbacks: Transitions Are Enhancements 9
Transition Properties 10
The transition-property Property 14
The transition-duration Property 21
The transition-timing-function Property 24
The transition-delay Property 30
The transition Shorthand Property 38
In Reverse: Transitioning Back to Baseline 40
Animatable Properties and Values 42
How Property Values Are Interpolated 44
Animatable Properties 47
transition Events Revisited 53
3. Animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Keyframes 56
Setting Up Your Keyframe Animation 57
Keyframe Selectors 58
Omitting from and to Values 59
Repeating Keyframe Properties 60
Animatable Properties 61
Nonanimatable Properties That Aren’t Ignored 62
Dynamically Changing @keyframes Animations 63
Animated Elements 64
The animation-name Property 64
The animation-duration Property 66
The animation-iteration-count Property 68
The animation-direction Property 69
The animation-delay Property 71
Animation Events 73
The animation-timing-function Property 83
The animation-play-state property 95
The animation-fill-mode Property 95
The animation Shorthand Property 99
Animation, Specificity, and Precedence Order 102
Specificity and !important 103
Animation Order 103
Animation Iteration and display: none; 104
Animation and the UI Thread 104
Seizure Disorders 104
Animation Events and Prefixing 105
animationstart 105
animationend 105
animationiteration 106
Other Considerations 106
Printing Animations 106