Intermediate
Ride the route
A small orange circle sits at the corner of the drawing. Make it ride the route once in 1000 ms with linear, using offset-path and offset-distance.
Use the same path text as the visible route.
What Check tests
- At half time the dot is on the middle of the route
- It starts at the start of the route
- It ends at the last point
- It takes 1000 ms and is linear
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.