HTML & CSS EnhancementsLesson 29Free preview

Transitions

This lesson is part of Intro to HTML & CSS · All levels

Summary

Transitions make changes in CSS values smoothly occur at a given time, for example during status hover or class addition. You study the transition properties along with duration, animated properties, and timing. The effect is cheap and makes the interface feel more alive.

Key points

Transition: the easing duration property determines the fine change
Transition is active when property values change, for example in a:hover
Too long duration hinders user interaction

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.