Свойство transition-timing-function в CSS описывает, как процесс анимации будет распределён во времени. 1 Оно устанавливает скорость изменения (ускорение) плавного перехода. 3

Некоторые значения свойства и их описание:

• ease. 23 Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. 2
• linear. 23 Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. 2
• ease-in. 23 Переход начинается медленно, а затем плавно ускоряется в конце. 2
• ease-out. 23 Переход начинается быстро и плавно замедляется в конце. 2
• ease-in-out. 23 Переход медленно начинается и медленно заканчивается. 2
• cubic-bezier. 23 Позволяет вручную установить значения от 0 до 1 для кривой ускорения. 2
• step-start. 3 Анимации нет, свойство сразу принимает окончательное значение. 3
• step-end. 3 Анимации нет, свойство ждёт время, заданное в transition-duration, а затем мгновенно принимает окончательное значение. 3

Если не указано свойство transition-timing-function, то по умолчанию браузер будет использовать функцию ease. 4