Easing, one trick at a time

Each demo plays the same moment twice: without the trick on the left, with it on the right. Faint marks show where things were at each tenth of the time. Bunched marks mean slow, spread-out marks mean fast. Tap a stage to play it yourself.

Cheat sheet

Robert Penner's easing functions, the set most libraries use. The curve is progress over time; the dot on the right is the moving thing.