O'Reilly logo

CSS Animations and Transitions for the Modern Web by Steven Bradley

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Index

Symbols

* (asterisk), 47

@keyframes rule

defining and using, 101104

naming with animation-name property, 104105

opening and closing sidebar navigation with, 249254

squash and stretch, 155157

A

absolute positioning, 284

accelerating/decelerating transitions, 6878

ease curves, 74

ease-in curves, 76

ease-out curves, 77

linear curves, 75

actions

adding anticipation to, 159

follow-through and overlapping, 168181

overlapping and secondary action, 195196

staging, 165

straight-ahead and pose-to-pose, 168

triggering transitions with, 58

all keyword, 62, 63

alternating animation directions, 19

animation, 93146. See also animation-* properties; twelve principles of animation

about, 9394

additional principles of, 208209

anticipation in, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required