Функция плавности / easing
Функция плавности — это инструмент, который позволяет регулировать степень гладкости или резкости перехода между двумя значениями. Она используется для создания эффекта постепенного изменения, чтобы избежать резких скачков или ступенчатых переходов.
Самая простая функция плавности — линейная. В случае линейной функции изменение значения происходит плавно и равномерно. Но для создания качественных визуальных эффектов может пригодиться не только линейная функция плавности, поскольку в реальной жизни объекты никогда не двигаются с постоянной скоростью.
На этом сайте можно найти обширный список функций плавности с визуализацией их в нескольких практических вариантах использования, такие как отрисовка градиента, появление/исчезновение объекта через прозрачность, движение, изменение размера. Мне понравилось. Очень наглядно и удобно! Плюс там же есть готовый код для разработки на CSS и JS.