Vlastnosť animation-delay

Vlastnosť animation-delay nastavuje oneskorenie pred spustením animácie.

Syntax

selektor {
	animation-delay: čas v s alebo ms;
}

Hodnoty

Hodnota	Popis
`s`	Určuje čas v sekundách (napríklad `3s`).
`ms`	Určuje čas v milisekundách (napríklad `3ms`). Jedna sekunda je `1000` milisekúnd.

Predvolená hodnota: 0s.

Príklad

V tomto príklade bude pred začatím animácie oneskorenie 3 sekundy:

<div id="elem"></div>

@keyframes move {
	from {
		margin-left: 0;
	}
	to {
		margin-left: 400px;
	}
}

#elem {
	animation-delay: 3s;
	animation-duration: 6s;
	animation-name: move;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border: 1px solid black;
	width: 50px;
	height: 50px;
}

Pozri tiež

vlastnosť animation-name,
ktorá nastavuje názov animácie
vlastnosť animation-duration,
ktorá nastavuje trvanie animácie
vlastnosť animation-timing-function,
ktorá nastavuje rýchlosť vykonávania animácie
vlastnosť animation-iteration-count,
ktorá nastavuje počet opakovaní animácie
vlastnosť animation-direction,
ktorá nastavuje smer animácie
vlastnosť animation-fill-mode,
ktorá nastavuje stav animácie
vlastnosť animation-play-state,
ktorá umožňuje pozastaviť animáciu
vlastnosť animation,
ktorá je skráteným zápisom pre animácie
príkaz @keyframes,
ktorý definuje kľúčové fázy animácie
plynulé prechody transition, ktoré predstavujú animáciu pri prejdení myšou nad prvok