WeCodeAcademy

Transitions and Transforms

A transition animates a change between two states instead of jumping. A transform moves, scales or rotates an element.

Examplehtml
Open in editor »

Hover over the square. The transition line says which properties animate and for how long.

Quick check

What does `transition: transform 0.4s` do?

Finish the quick check (and any code exercise) to complete this lesson, or mark it done yourself.

Tip: use the left and right arrow keys to move between lessons.