Vlastnost CSS animace-zpoždění
Příklad
Spusťte animaci po 2 sekundách:
div {
animation-delay: 2s;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost animation-delay
určuje zpoždění pro začátek animace.
Hodnota zpoždění animace je definována v sekundách (s) nebo milisekundách (ms).
Výchozí hodnota: | 0s |
---|---|
Zděděno: | Ne |
Animovatelné: | Ne. Přečtěte si o tématu Animable |
Verze: | CSS3 |
Syntaxe JavaScriptu: | objekt .style.animationDelay="1s" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Čísla následovaná -webkit-, -moz- nebo -o- určují první verzi, která pracovala s předponou.
Property | |||||
---|---|---|---|---|---|
animation-delay | 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- |
Syntaxe CSS
animation-delay: time|initial|inherit;
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Další příklady
Příklad
Použití záporných hodnot. Zde se animace spustí, jako by se již přehrávala 2 sekundy:
div {
animation-delay: -2s;
}
Související stránky
CSS tutoriál: CSS animace
HTML DOM reference: vlastnost animationDelay