CSS Animations and Transitions for the Modern Web

Index

Symbols

* (asterisk), 47

@keyframes rule

defining and using, 101–104

naming with animation-name property, 104–105

opening and closing sidebar navigation with, 249–254

squash and stretch, 155–157

A

absolute positioning, 284

accelerating/decelerating transitions, 68–78

ease curves, 74

ease-in curves, 76

ease-out curves, 77

linear curves, 75

actions

adding anticipation to, 159

follow-through and overlapping, 168–181

overlapping and secondary action, 195–196

staging, 165

straight-ahead and pose-to-pose, 168

triggering transitions with, 58

all keyword, 62, 63

alternating animation directions, 19

animation, 93–146. See also animation-* properties; twelve principles of animation

about, 93–94

additional principles of, 208–209

anticipation in, ...