Генератор CSS Cubic Bezier

Этот генератор CSS cubic-bezier предоставляет визуальный редактор кривой. Можно перетаскивать контрольные точки P1 и P2 или вводить точные значения, чтобы создавать timing functions для transitions и animations. Также доступны популярные easing-пресеты с диаграммами кривых для быстрого применения и настройки.

cubic-bezier editor

Drag P1 / P2 or edit the numbers directly.

P1 X

P1 Y

P2 X

P2 Y

Время работы {{ duration }}ms

Current value

Предварительный просмотр

The dot and card use the generated timing function.

Presets

Click a preset to apply it.

CSS

Copied!