Хосияти animation-duration

Хосияти animation-duration вақти иҷрои аниматсияро муқаррар мекунад.

Синтаксис

интихобкунанда {
	animation-duration: вақт дар s ё ms;
}

Қиматҳо

Қимат	Тавсиф
`s`	Вақтро бо сония муайян мекунад (масалан `3s`).
`ms`	Вақтро бо миллисония муайян мекунад (масалан `3ms`). Як сония `1000` миллисония аст.

Қимати пешфарз: 0s.

Намуна

Дар ин намуна аниматсия дар давоми 3 сония иҷро мешавад:

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

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

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

Ҳамчунин нигаред

хосияти animation-name,
ки номи аниматсиязаро муайян мекунад
хосияти animation-delay,
ки таъхири пеш аз иҷрои аниматсиязаро муайян мекунад
хосияти animation-timing-function,
ки суръати иҷрои аниматсиязаро муайян мекунад
хосияти animation-iteration-count,
ки миқдори такрори аниматсиязаро муайян мекунад
хосияти animation-direction,
ки самти аниматсиязаро муайян мекунад
хосияти animation-fill-mode,
ки ҳолати аниматсиязаро муайян мекунад
хосияти animation-play-state,
ки имкон медиҳад аниматсияро ба пауза гузоред
хосияти animation,
ки барои аниматсияҳо як кӯтоҳӣ мебошад
фармони @keyframes,
ки кадрҳои калидии аниматсиязаро муайян мекунад
гузаришҳои мулоим transition, ки аниматсияеро дар ҳолати нигоҳ доштани курсор бар унсур иҷро мекунанд