1. Home
  2. CSS propriété animation-direction

Le meilleur didacticiel CSS propriété animation-direction en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition et utilisation,Syntaxe CSS,Valeur de la propriété,articles connexes,

CSS propriété animation-direction

Référence CSS Référence CSS


Exemples

Effectuer l'animation à nouveau, puis à nouveau pour effectuer l'animation:

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

Essayez »

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.

属性
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-

Définition et utilisation

propriété animation-direction définit si le cycle d'alternance animation inverse.

Remarque: Si lefilm est appelé à jouer une seule fois, cette propriété ne fonctionnera pas.

Par défaut: normal
Héritage: aucun
Peut être animée: NO. S'il vous plaît se référer à l' animation (Animable) .
Version: CSS3
Syntaxe JavaScript: objet .style.animationDirection = "reverse"essayer

Syntaxe CSS

animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;

Valeur de la propriété

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

articles connexes

CSS3 tutoriel: CSS3 Animation (Animations)


Référence CSS Référence CSS

Hot Didacticiel

Nous contacter

CSS propriété animation-direction
10/30