CSS propriété animation-direction
Exemples
Effectuer l'animation à nouveau, puis à nouveau pour effectuer l'animation:
animation-direction:alternate;
-webkit-animation-direction:alternate; /* Safari 和 Chrome */
-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)