CSS animation-iteration-count Xác định số lần thực hiện chuyển động.

animation-iteration-count ₃

---

Specifies the number of times an animation should be played

Thuộc tính	giá trị	Ví dụ	Mô tả
animation-iteration-count	số tự nhiên	animation-iteration-count: 4;	Xác định số lần thực hiện chuyển động.
	infinite	animation-iteration-count: infinite;	Chuyển động sẽ thực hiện không giới hạn số lần.

Xem ví dụ

<style>
#animation-iteration-count
{
width:200px;
height:50px;
background:#E5EECC;
position:relative;
animation:mymove 5s;
animation-iteration-count:3;
/* Firefox */
-moz-animation:mymove 5s;
-moz-animation-iteration-count:3;
/* Safari and Chrome */
-webkit-animation:mymove 5s;
-webkit-animation-iteration-count:3;
/* Opera */
-o-animation:mymove 5s;
-o-animation-iteration-count:3;
}

@keyframes mymove
{
from {top:0px;}
to {top:500px;}
}

@-moz-keyframes mymove /* Firefox */
{
from {top:0px;}
to {top:500px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:0px;}
to {top:500px;}
}

@-o-keyframes mymove /* Opera */
{
from {top:0px;}
to {top:500px;}
}
</style>

<div id="animation-iteration-count">animation-iteration-count</div>

Thuộc tính top/right/bottom/left là tọa độ vị trí đầu hoặc cuối

Sự tương thích ( Cập nhật / Báo lỗi )

---