Что такое CSS анимация-направление недвижимости и как его использовать?

CSS справочное руководство
CSS свойство

Лучшее руководство по CSS анимация-направление недвижимости в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение и использование,CSS Синтаксис,Значение свойства,Статьи по Теме,

CSS анимация-направление недвижимости

Предыдущий: CSS Align-я недвижимость

Далее: CSS свойство анимации-фасовочно-режим

CSS Reference

примеров

Выполните анимацию снова, а затем снова выполнить анимацию:

animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari 和 Chrome */

Попробуйте »

Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии имущества.

Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.

属性
animation-direction	43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-

Определение и использование

анимация-направление свойство определяет, будет ли цикл чередования обратной анимации.

Примечание: Если фильм будет играть только один раз, это свойство не будет работать.

По умолчанию:	нормальный
Наследование:	Нет
Может быть анимированы:	НЕТ. Пожалуйста , обратитесь к анимации (Animatable) .
Версия:	CSS3
Синтаксис JavaScript:	объект .style.animationDirection = "обратный"попробовать

CSS Синтаксис

Значение свойства

值	描述	测试
normal	默认值。动画按正常播放。	测试 »
reverse	动画反向播放。	测试 »
alternate	动画在奇数次（1、3、5ru.）正向播放，在偶数次（2、4、6ru.）反向播放。	测试 »
alternate-reverse	动画在奇数次（1、3、5ru.）反向播放，在偶数次（2、4、6ru.）正向播放。	测试 »
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。