пример
Изменение animationFillMode свойства <div> элемент:
document.getElementById("myDIV").style.animationFillMode = "forwards";
Попробуй сам " Определение и использование
Свойство animationFillMode определяет , какие стили будут применяться для элемента , когда анимация не играет (when it is finished, or when it has a "delay") у (when it is finished, or when it has a "delay") .
По умолчанию, CSS анимации не будут влиять на элемент вы оживляющий до первого ключевого кадра не "played" , а затем останавливается воздействующих на него после того , как последний ключевой кадр завершен. Свойство animationFillMode может переопределить это поведение.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Moz указать первую версию, которая работала с префиксом.
| Имущество | |||||
|---|---|---|---|---|---|
| animationFillMode | 43,0 | Не поддерживается | 16,0 5,0 Мос | Не поддерживается | 30,0 |
Синтаксис
Возвращает свойство animationFillMode:
object .style.animationFillMode Установите свойство animationFillMode:
object .style.animationFillMode="none|forwards|backwards|both|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| none | Значение по умолчанию. Анимация не будет применять любые стили к цели до или после его выполнения |
| forwards | После завершения анимации (determined by animation-iteration-count) , то анимация будет применять значение свойств в течение времени , анимация закончилась |
| backwards | Анимация будет применить значение свойств, определенное в ключевом кадре, который начнет первую итерацию анимации, в течение периода, определенный анимация задержкой. Они являются либо значением от ключевого кадра (when animation-direction is "normal" or "alternate") или те из ключевого кадра (when animationDirection is "reverse" or "alternate-reverse") |
| both | Анимация будет следовать правилам для обоих вперед и назад. То есть, он будет распространяться свойства анимации в обоих направлениях |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | никто |
|---|---|
| Возвращаемое значение: | Строка, представляющая анимация-фасовочно-режим свойства элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: animation-fill-mode property
<Style Object