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

Chapter 3. Transitions

Changes that occur by transforming elements happen instantly. That’s not very realistic. In the real world, changes occur over some duration of time, which is where transitions come in.

Transitions define how the changes we apply to elements occur over time. Through transitions, you can control the duration of the change and how the change accelerates and decelerates. You can choose to have the change occur faster at the start and slower at the end. You can choose the reverse and have the change start slower and end faster. You can choose other combinations of acceleration and deceleration.

Transitions are simple animations between two states. Because you have some control over the time it takes to go from one state to ...

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