Proprietà animation-direction CSS

Recomendazioni di corso:

Definizione e uso animation-direction

Questa proprietà definisce se l'animazione dovrebbe ripetere alternativamente in senso inverso.alternateSe il valore di animation-direction è "

Nota:Se l'animazione viene impostata per essere ripetuta una sola volta, questa proprietà non ha effetto.

Vedi anche:

Guida CSS3:CSS Animazione

Manuale HTML DOM:Proprietà animationDirection

Esempio

Pausare l'animazione:

div {
  animation-direction: alternate;
}

Prova personalmente

Sintassi CSS

animation-direction: normale|alternate;
Valore Descrizione Test
normale Valore predefinito. L'animazione dovrebbe ripetere normalmente. Test
alternate L'animazione dovrebbe ripetere alternativamente in senso inverso. Test

Dettagli tecnici

Valore predefinito: normale
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.animationDirection="alternate"

浏览器支持

表格中的数字注明了完全支持该属性的第一个浏览器版本。

数字带有 -webkit-、-moz- 或 -o- 前缀表示使用前缀的第一个版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-