Beginner
Stop the snap-back and the flash
Press Slide. The box waits half a second, jumps to 40 px, slides to 160 px, then snaps back to 0. It should sit at 40 px during the wait and stay at 160 px at the end.
Change one property. Do not touch the keyframes.
What Check tests
- During the delay (200 ms) the box is at 40 px
- At 1 s it is part-way
- After the end (2 s) it stays at 160 px
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.