пример
Изменение animationTimingFunction свойства <div> элемент:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
Попробуй сам " Определение и использование
AnimationTimingFunction определяет кривую скорости анимации.
Кривая скорости определяет время анимации используется для перехода от одного набора стилей CSS к другому.
Кривая скорости используется, чтобы сделать изменения гладко.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Moz указать первую версию, которая работала с префиксом.
| Имущество | |||||
|---|---|---|---|---|---|
| animationTimingFunction | 43,0 | Не поддерживается | 16,0 5,0 Мос | Не поддерживается | 30,0 |
Синтаксис
Возвращает свойство animationTimingFunction:
object .style.animationTimingFunction Установите свойство animationTimingFunction:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( Значения свойств Стоимость Описание linear Анимации имеет ту же скорость от начала до конца ease Значение по умолчанию. Анимация имеет медленный старт, а затем быстро, прежде чем она заканчивается медленно ease-in Анимация имеет медленный старт ease-out Анимация имеет медленный конец ease-in-out Анимация имеет как медленный старт и медленный конец cubic- bezier( n , n , n , n ) Определите ваши собственные значения в кубической функции Безье
Возможные значения числовые значения от 0 до 1 initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: легкость Возвращаемое значение: Строка, представляющая анимация-время-функция свойство элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: animation-timing-function property
<Style Object