CSS animation-direction Eigenschap

Definitie en gebruik

animation-direction Of de animatie om en om in de omgekeerde richting moet worden afgespeeld.

Als de waarde van animation-direction "alternateAls de waarde van animation-direction " is, wordt de animatie op oneven aantallen (1, 3, 5, etc.) normaal afgespeeld en wordt de animatie op even aantallen (2, 4, 6, etc.) achterwaarts afgespeeld.

Opmerking:Als de animatie is ingesteld om slechts een keer af te spelen, heeft deze eigenschap geen effect.

Zie ook:

CSS3 handleiding:CSS animatie

HTML DOM referentiehandleiding:animationDirection eigenschap

Voorbeeld

Animatie onderbreken:

div {
  animation-direction: alternate;
}

Probeer het zelf uit

CSS syntax

animation-direction: normal|alternate;
Waarde Beschrijving Test
normaal Standaardwaarde. De animatie moet normaal worden afgespeeld. Test
alternate De animatie moet om en om in de omgekeerde richting worden afgespeeld. Test

Technische details

Standaardwaarde: normaal
Inheritantie: nee
Versie: CSS3
JavaScript syntax: object.style.animationDirection="alternate"

Browserondersteuning

De getallen in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Getallen met -webkit-、-moz- of -o- als voorvoegsel betekenen de eerste versie die de prefix gebruikt.

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-