Инструмент
Редактор cubic-bezier()
Настройте кривую плавности: тяните точки или вводите числа, сравнивайте движение с равномерным и копируйте готовую функцию.
Тяните точки мышью или выберите точку клавишей Tab и двигайте стрелками (с Shift — крупнее).
ваша кривая linear
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);По горизонтали — время, по вертикали — насколько анимация продвинулась. Чем круче участок кривой, тем быстрее движение в этот момент. Эта кривая совпадает с ключевым словом ease — можно написать его вместо функции.