CSS Dojo道場 · practice
All levels

Duration and delay

Level 3 of 9

Your goal

Freeze the box exactly halfway through its 200px slide, so it rests 100px to the right of its start. Set animation-duration, plus a negative animation-delay equal to half of it.

Must useanimation-durationanimation-delay
target content boxtarget outer edge (green = matched, red = not yet)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.