css3 animation-iteration-count property
Hasil terjemahan：
Animasi
Run Instance »
英[ˌɪtəˈreɪʃn ] AS [ˌɪtəˈreʃən]
n Ulang;n.Jumlah bilangan; hujah; hujah
v hitung jumlahnya...;
css3 animation-iteration-count propertysintaks
Fungsi: Atribut animation-iteration-count mentakrifkan bilangan kali animasi dimainkan.
Sintaks: animation-iteration-count: n|infinite;
Penerangan: n Mentakrifkan bilangan masa main balik animasi. infinite menyatakan bahawa animasi harus dimainkan secara infinite.
Nota: Internet Explorer 9 dan versi terdahulu tidak menyokong sifat kiraan lelaran animasi.
Main balik gelung tak terhingga boleh ditetapkan dengan menetapkan nilai atribut kiraan lelaran animasi dalam CSS3 kepada tak terhingga. Anda juga boleh menyesuaikan bilangan main balik animasi
css3 animation-iteration-count propertycontoh
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove 3s;
animation-iteration-count:3;
/* Safari and Chrome */
-webkit-animation:mymove 3s;
-webkit-animation-iteration-count:3;
}
@keyframes mymove
{
from {top:0px;}
to {top:200px;}
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:0px;}
to {top:200px;}
}
</style>
</head>
<body>
<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 animation-iteration-count 属性。</p>
<div></div>
</body>
</html>Run Instance »
Klik butang "Run Instance" untuk melihat instance dalam talian