Web Animation · Exercise 1 of 5Next
Beginner
Turn it on the spot
The blue square should spin forever around its own centre. Today it swings round the top-left corner of the drawing and leaves the picture.
Fix it in the CSS without changing the keyframes.
What Check tests
- It turns
- Its centre stays where it was
- Nothing costly is animated
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
animations
0.00s0.10s0.20s0.30s0.40s0.50s0.60s0.70s0.80s0.90s
Nothing is moving yet. Hover, click or scroll the page: every animation it starts shows up here as a track.
frames
Console
Nothing logged yet.