Jumping with steps()
Level 5 of 9Your goal
The box is frozen 75% of the way through its slide. With linear that puts it at 150px. Switch the timing function to steps(2, end): the box jumps in two steps, so at 75% it is sitting on the halfway step, 100px to the right.
Must use
animation-timing-functiontarget content boxtarget outer edge (green = matched, red = not yet)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.