5 hands-on exercises and 5 find-the-bug challenges for the CSS Transitions lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Transition only the opacity of #box.
Give #box a half-second transition.
Delay the transition on #box by 1 second.
Use ease-in-out on #box.
Transition opacity over 300ms, linear, after a 1s delay.
A duration needs s or ms.
The duration comes first, the delay second.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThat is not a built-in timing function.
The transitioned property is opacity.
A transition with no duration is instant.