Что такое Easing (изинг)?
Easing - это сглаживание анимации или другими словами замедление или ускорение. анимации элемента в рамках одного движения.
Анимация без использования сглаживания выглядит неестественной, так как в природе не бывает такого, чтобы что-то перемещалось равномерно от одной точки к другой.
Чтобы научится правильно использовать изинги, важно:
- понять основные принципы анимации 12 принципов анимации - eng
- уметь подбирать тайминги
- научиться работать с кривыми анимации
- экспериментировать
Некоторые связанные термины:
- easeIn - замедление/ускорение в начале
- easeOut - замедление/ускорение в конце
- easeInOut - замедление/ускорение в начале и конце.
Примеры готовых изингов: https://easings.net/ru - наведите мышкой на любой график, чтобы увидеть анимацию.