Хусусияти animation-iteration-count

Хусусияти animation-iteration-count шумораи такрори аниматсиро муайян мекунад. Ба сурати пешфарз аниматсия фақат 1 маротиба такрор мешавад ва сипас ба ҳолати аслиаш бармегардад. Хусусияти мо, аммо, имкон медиҳад, ки шумораи муайяни такророт муқаррар карда шавад ё умуман такрори бепоён муқаррар карда шавад.

Синтаксис

интихобкунанда {
	animation-iteration-count: адади бутун ё касрӣ | infinite;
}

Қиматҳо

Қиммат Тавсиф

Адад Шумораи муқарраршудаи такророт, пас аз анҷом додани онҳо аниматсия меистад. Мавқеъе, ки он ишғол мекунад, бо воситаи хусусияти animation-fill-mode танзим карда мешавад. Қиматҳои касрӣ муқаррар кардан мумкин аст - дар ин ҳолат аниматсия фақат қисман иҷро карда мешавад.

infinite Аниматсия ба таври бепоён такрор мешавад.

Қиммат	Тавсиф
Адад	Шумораи муқарраршудаи такророт, пас аз анҷом додани онҳо аниматсия меистад. Мавқеъе, ки он ишғол мекунад, бо воситаи хусусияти `animation-fill-mode` танзим карда мешавад. Қиматҳои касрӣ муқаррар кардан мумкин аст - дар ин ҳолат аниматсия фақат қисман иҷро карда мешавад.
`infinite`	Аниматсия ба таври бепоён такрор мешавад.

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

Намуна . Шумораи ниҳоии такророт

Дар ин намуна аниматсия танҳо 3 маротиба такрор мешавад, ва сипас ба ҳолати аслиаш бармегардад:

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

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

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

Намуна . Қимати infinite

Ва акнун аниматсия ба таври бепоён такрор мешавад:

<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-duration,
ки давоми аниматсиро муайян мекунад
хусусияти animation-delay,
ки таъхири пеш аз иҷрои аниматсиро муайян мекунад
хусусияти animation-timing-function,
ки суръати иҷрои аниматсиро муайян мекунад
хусусияти animation-direction,
ки самти аниматсиро муайян мекунад
хусусияти animation-fill-mode,
ки ҳолати аниматсиро муайян мекунад
хусусияти animation-play-state,
ки имкон медиҳад, ки аниматсияро бо ист намоед
хусусияти animation,
ки ба сурати ихтисор барои аниматсияҳо мебошад
фармони @keyframes,
ки кадрҳои калидии аниматсиро муайян мекунад
гузаришҳои ҳавонии transition, ки аниматсие мебошад, ки ҳангоми нишон додани курсор ба элемент рух медиҳад