Свойство animation-fill-mode CSS
- 12.0 -o- Предыдущая страница
- Следующая страница animation-iteration-count
Определение и использование
animation-fill-mode Свойство определяет, видны ли эффекты анимации до или после их выполнения.
Комментарий:Значения свойств это один или несколько ключевых слов модов заполнения, разделенных запятыми.
См. также:
Учебник CSS3:Анимация CSS
Руководство по HTML DOM:Свойство animationFillMode
Пример
Устанавливает режим заполнения для элемента h1:
h1
{
animation-fill-mode: forwards;
}
CSS синтаксис
animation-fill-mode : none | forwards | backwards | both;
| Значение | Описание |
|---|---|
| нет | Не изменяет поведение по умолчанию. |
| forwards | После завершения анимации сохраняется последний значений свойств (определенные в последнем ключевом кадре). |
| backwards | В течение времени, указанного animation-delay, перед тем как анимация будет отображаться, применяются начальные значения свойств анимации (определенные в первом ключевом кадре). |
| both | Мода заполнения спереди и сзади применяется. |
Технические детали
| Default Value: | нет |
|---|---|
| Инheritance: | нет |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.animationFillMode='none' |
Поддержка браузеров
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Числа с префиксами -webkit-, -moz- или -o- представляют собой первую версию использования префиксов.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.1 12.0 -o- |
- 12.0 -o- Предыдущая страница
- Следующая страница animation-iteration-count
