Intermediate
Close without waiting for transitionend
Close removes the panel after its fade ends. A reduce rule switches transitions off, so with reduced motion the panel never leaves.
Fix the JavaScript, not the CSS: remove the panel at once when no transition will run.
What Check tests
- Normally the panel is removed after its fade
- With reduced motion the panel is still removed
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.