cubic-bezier()

Задаёт собственную кривую плавности анимации.

Сигнатураcubic-bezier(x1, y1, x2, y2)

Четыре числа описывают контрольные точки кривой Безье. Так создают нестандартные эффекты ускорения.

.box {
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
← Все записи: Функции CSS
Поддержать проект