Редактор плавности

Движение выглядит живым, когда разгоняется и тормозит, а не едет с одной скоростью. Эта кривая и описывает, как именно. Тяните рычаги — шарик внизу поедет по-новому.

Кривая

600 мс

Готовые

Как это движется

сдвиг
рост
проявление
поворот

Движение запускается и само при любой правке — чтобы сразу было видно разницу.

CSS


        

Если рычаг уехать за край по вертикали, движение «проскочит» цель и вернётся — так делают пружинистые эффекты. По горизонтали за пределы 0–1 выйти нельзя: это запрещено самим форматом.