Co to jest Właściwość CSS-kierunek animacja i jak z niego korzystać?

CSS Reference Manual
CSS nieruchomość

Najlepszy samouczek Właściwość CSS-kierunek animacja W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Pomoc Browser,Definicja i Wykorzystanie,Składnia CSS,Wartość nieruchomości,Powiązane artykuły,

Właściwość CSS-kierunek animacja

Poprzedni: CSS Właściwość align-self

Dalej: CSS właściwości animacji-fill-mode

CSS

Przykłady

Wykonaj animację ponownie, a następnie ponownie wykonać animację:

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

Spróbuj »

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.

Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.

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

Definicja i Wykorzystanie

Obiekt animacja-kierunek określa, czy cykl przemian odwrotnej animacji.

Uwaga: Jeżeli film jest ustawiony zagrać tylko raz, właściwość ta nie będzie działać.

Domyślnie:	normalny
Dziedziczenie:	nie
Może być animowany:	NO. Proszę odnieść się do animacji (Animatable) .
Wersja:	CSS3
Składnia JavaScript:	object .style.animationDirection = "reverse"spróbować

Składnia CSS

Wartość nieruchomości

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