5 hands-on exercises and 5 find-the-bug challenges for the CSS Animations lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.
Attach the spin keyframes to #box.
Run the animation on #box over 2 seconds.
Repeat the animation on #box indefinitely.
Make each repetition run in the opposite direction.
Keep the end state after the animation finishes.
A duration needs s or ms.
Endless repetition uses the keyword infinite.
Ready to write the code?
The editor, the automatic checks and the worked solutions open up with an account.
Open the workspaceThe value is forwards, with an s.
The value is alternate.
The animation name must match the @keyframes name.