В анимации CSS свойство animation-timing-function контролирует, насколько быстро анимированный элемент изменяется в течение анимации. Если анимация представляет собой автомобиль, движущийся из точки A в точку B за заданное время (продолжительность вашей анимации), функция animation-timing-function говорит о том, как автомобиль ускоряется и замедляется во время движения.
Для популярных опций доступен ряд предопределенных ключевых слов. Например:
Задание:
- Значение свойства animation-time-function для элемента с идентификатором ball1 должно быть linear .
- Значение свойства animation-time-function для элемента с идентификатором ball2 должно быть ease-out.
P.S. АНИМАЦИЯ МОЖЕТ НЕКОРРЕКТНО ВОСПРОИЗВЕСТИСЬ ИЗ-ЗА ОСОБЕННОСТЕЙ ОНЛАЙН_РЕДАКТОРА