Дизайн

Редактор кривых Cubic-Bezier

Создавайте CSS-кривые сглаживания с перетаскиваемыми маркерами и предпросмотром Данные обрабатываются на устройстве.

Перетаскивайте два маркера, чтобы задать форму кривой сглаживания.

X1
Y1
X2
Y2
1s
Предпросмотр анимации
Вывод CSS
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

Используйте как transition-timing-function или animation-timing-function в вашем CSS.