Пример анимации

Размер

ease
linear
ease-in
ease-out
ease-in-out
cubic-bezier

Цвет

ease
linear
ease-in
ease-out
ease-in-out
cubic-bezier

Свойства

Предопределенные

Пользовательские

x1:
y1:
x2:
y2:

Функция сглаживания <transition-timing-function>

The ‘transition-timing-function’ property describes how the intermediate values used during a transition will be calculated. It allows for a transition to change speed over its duration. These effects are commonly called easing functions. In either case, a mathematical function that provides a smooth curve is used.