CSS Dojo道場 · practice
All levels

Ease vs linear

Level 4 of 9

Your goal

The box is frozen halfway through its 2s slide. Change animation-timing-function from linear to ease. linear puts the box at 100px at the halfway mark; ease puts it further along, about 160px.

Must useanimation-timing-function
target 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.