Лучшее руководство по CSS свойство анимации-фасовочно-режим в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение и использование,CSS Синтаксис,Значение свойства,Статьи по Теме,
CSS свойство анимации-фасовочно-режим
примеров
Объект анимации перемещается из одного места в другое, и пусть он остаться там:
-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
Попробуйте »
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
свойство | |||||
---|---|---|---|---|---|
анимационная-фасовочно-режим | 4.0 -webkit- | 10,0 | 16,0 5,0 -moz- | 4.0 -webkit- | 15,0 -webkit- 12.1 12,0 -о- |
Определение и использование
атрибут анимационная-фасовочно-режим определяет, когда фильм не воспроизводится (когда анимация завершена, или когда есть задержка в анимации не начинает играть), который должен быть применен к элементу стиля.
По умолчанию, CSS анимации до первого ключевого кадра закончил играть не влияет на элементы, после ударного элемента полной остановки последнего ключевого кадра. анимационная-фасовочно-режим свойство может переопределить это поведение.
По умолчанию: | никто |
---|---|
Наследование: | Нет |
Может быть анимированы: | НЕТ. Пожалуйста , обратитесь к анимации (Animatable) . |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.animationFillMode = "вперед"попробовать |
CSS Синтаксис
Значение свойства
值 | 描述 |
---|---|
none | 默认值。动画在动画执行之前和之后不会应用任何样式到目标元素。 |
forwards | 在动画结束后(由 animation-iteration-count 决定),动画将应用该属性值。 |
backwards | 动画将应用在 animation-delay 定义期间启动动画的第一次迭代的关键帧中定义的属性值。这些都是 from 关键帧中的值(当 animation-direction 为 "normal" 或 "alternate" 时)或 to 关键帧中的值(当 animation-direction 为 "reverse" 或 "alternate-reverse" 时)。 |
both | 动画遵循 forwards 和 backwards 的规则。也就是说,动画会在两个方向上扩展动画属性。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
Статьи по Теме
CSS3 учебник: CSS3 Анимация (Animations)