ගුණය animation-delay

ගුණය animation-delay සජීවීකරණය ආරම්භ කිරීමට පෙර ප්‍රමාදයක් සකසයි.

වාක්‍ය රචනය

තෝරන්නා {
	animation-delay: s හෝ ms වලින් කාලය;
}

අගයන්

අගය	විස්තරය
`s`	තත්පර වලින් කාලය නියම කරයි (උදාහරණයක් ලෙස `3s`).
`ms`	මිලිතත්පර වලින් කාලය නියම කරයි (උදාහරණයක් ලෙස `3ms`). තත්පරයක් යනු `1000` මිලිතත්පර වේ.

පෙරනිමි අගය: 0s.

උදාහරණය

මෙම උදාහරණයේ දී, සජීවීකරණය ආරම්භ කිරීමට පෙර තත්පර 3 ක ප්‍රමාදයක් ඇත:

<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;
}

මේවාත් බලන්න

ගුණය animation-name,
එය සජීවීකරණයේ නම නියම කරයි
ගුණය animation-duration,
එය සජීවීකරණයේ කාල සීමාව නියම කරයි
ගුණය animation-timing-function,
එය සජීවීකරණය ක්‍රියාත්මක කිරීමේ වේගය නියම කරයි
ගුණය animation-iteration-count,
එය සජීවීකරණයේ පුනරාවර්තන ගණන නියම කරයි
ගුණය animation-direction,
එය සජීවීකරණයේ දිශාව නියම කරයි
ගුණය animation-fill-mode,
එය සජීවීකරණයේ තත්වය නියම කරයි
ගුණය animation-play-state,
එය සජීවීකරණය විරාමයකට සකස් කිරීමට ඉඩ සලසයි
ගුණය animation,
සජීවීකරණ සඳහා කෙටි අංකනයක් වේ
විධානය @keyframes,
එය සජීවීකරණයේ යතුරු රාමු නියම කරයි
සුමට සංක්‍රමණ transition, අංගය මතට යොමු කිරීම මගින් සජීවීකරණයක් නියෝජනය කරයි