Eigenschap voor CSS -animatieduur
Voorbeeld
Specificeer dat de animatie één cyclus in 3 seconden moet voltooien:
div {
animation-duration: 3s;
}
Definitie en gebruik
De animation-duration
eigenschap definieert hoe lang een animatie moet duren om één cyclus te voltooien.
Standaardwaarde: | 0 |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.animationDuration="3s" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door -webkit-, -moz- of -o- specificeren de eerste versie die met een prefix werkte.
Property | |||||
---|---|---|---|---|---|
animation-duration | 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
CSS-syntaxis
animation-duration: time|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
time | Specifies the length of time an animation should take to complete one cycle. This can be specified in seconds or milliseconds. Default value is 0, which means that no animation will occur | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
CSS-zelfstudie: CSS-animaties
HTML DOM-referentie: eigenschap AnimationDuration