คุณสมบัติ animation-iteration-count CSS

การใช้งานและการประกาศ

animation-iteration-count มีความหมายในการกำหนดจำนวนครั้งที่แอนิเมชันจะเล่น

ดูเพิ่มเติมที่:

ตัวอย่าง CSS3CSS อนิมาชัย

คู่มือ HTML DOMproperty animationIterationCount

ตัวอย่าง

เล่นแอนิเมชันสามครั้ง:

div
{
animation-iteration-count:3;
}

ทดลองด้วยตัวเอง

ภาษา CSS

animation-iteration-count: n|infinite;
ค่า รายละเอียด การทดสอบ
n กำหนดจำนวนครั้งที่แอนิเมชันจะเล่น การทดสอบ
infinite กำหนดให้การเล่นแอนิเมชันเป็นวิธีที่ไม่จำกัดครั้ง การทดสอบ

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: 1
เชื่อมโยง: no
เวอร์ชั่น: CSS3
JavaScript ภาษา object.style.animationIterationCount=3

การสนับสนุนโปรแกรมนี้

เลขในตารางบ่งชี้เวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

มี -webkit-、-moz- หรือ -o- ต่อหลังเลขที่แสดงว่าเป็นเวอร์ชั่นแรกที่ใช้เป็นไปด้วยเปรียบ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-