Arcade
Easing
Phase 02 · Design CraftPlayable
Match a motion curve from the spacing of twelve evenly-timed dots.
0 / 5 cleared
Your curve
cubic-bezier(0.25, 0.25, 0.75, 0.75)Level 1 · Slow out
Starts fast, settles gently. The default for anything arriving on screen.
Target: twelve evenly-spaced moments
Yours54% match
x is time and must stay in 0–1. y is distance and may leave it.
The numbers under the curve are a real animation-timing-function. Copy it into a stylesheet and it behaves exactly as the dots say it will. The strip is the curve sampled at twelve equal slices of time, which is the same information your eye gets.