CSS Dojo道場 · practice
All levels

The animation shorthand

Level 8 of 9

Your goal

Replace all eight animation-* longhands with a single animation declaration that does the same thing. The box must still end 200px to the right.

Must useanimation
Not allowedanimation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-fill-modeanimation-play-state
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.