Метод воспроизведения анимации: animation-timing-function

animation-timing-function

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 4 -webkit- 5.0 (5.0) -moz- 10 12 -o- 4.0 -webkit-
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 4 -webkit- 5.0 (5.0) -moz- 10 12 -o- 3.2 -webkit-
Свойство
animation-timing-function — при помощи этого свойства задается метод воспроизведения анимации
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps | cubic-bezier(x, x, x, x) | inherit
Значение по умолчанию
ease
Правила записи
свойство: значение;
Примеры

Цвет начинает изменяться медленно, затем сильно ускоряется, а в конце замедляется

Поделиться