Некоторые функции времени, которые используются в CSS для плавных переходов:

• ease. 12 Переход начинается медленно, затем ускоряется и снова замедляется к концу (по умолчанию). 1
• linear. 12 Переход выполняется с постоянной скоростью. 1
• ease-in. 12 Переход начинается медленно и ускоряется к концу. 1
• ease-out. 12 Переход начинается быстро и замедляется к концу. 1
• ease-in-out. 12 Переход начинается медленно, ускоряется и снова замедляется к концу. 1

Также для создания уникальных эффектов можно использовать пользовательскую функцию Безье с четырьмя параметрами, которые определяют форму кривой. 1