Beginner
Respect reduced motion
The new-ride badge pulses forever. For people whose system asks for reduced motion, it must stand still, and stay visible.
Add a @media (prefers-reduced-motion: reduce) rule. Test it with the timeline's Reduced motion switch.
What Check tests
- Normally, the badge pulses
- With reduced motion, the badge does not pulse
- With reduced motion, the badge is still there
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.