Respecting reduced motion

Level 6 of 10

Your goal

Keep the box 200 × 80 and give it an animation (for example an opacity pulse). Then switch it off with animation: none inside @media (prefers-reduced-motion: reduce).

Must useanimation

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.