Beginner
Enter slower, leave faster
The dialog uses one transition for opening and closing. Make it open in 250 ms with ease-out and close in 180 ms with ease-in, animating opacity and transform.
What Check tests
- Opening: opacity takes 250 ms with ease-out
- Closing: opacity takes 180 ms with ease-in
- Both animate only opacity and transform
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.