Дизайн

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

Создавайте CSS-кривые сглаживания с перетаскиваемыми маркерами и предпросмотром Работает на вашем устройстве — ничего не загружается и не сохраняется.

Редактор кривой

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

Шаблоны

Значения контрольных точек

Длительность1s

Предпросмотр анимации

Вывод CSS

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

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