คุณสมบัติ animation-play-state ของ CSS

การอธิบายและการใช้งาน

animation-play-state property นี้กำหนดว่าอนิมาชั่นกำลังเล่นหรือหยุด

หมายเหตุ:คุณสามารถใช้ property นี้ใน JavaScript ซึ่งจะหยุดอนิมาชั่นระหว่างการเล่น

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

ตัวอย่าง CSS3:CSS อนิมาชัย

คู่มืออ้างอิง HTML DOM:property animationPlayState

ตัวอย่าง

หยุดเคลื่อนไหวอนิมาชั่น:

div
{
animation-play-state:paused;
}

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

การใช้งาน CSS

animation-play-state: paused|running;
ค่า การอธิบาย การทดสอบ
paused กำหนดให้อนิมาชั่นของอนิมาชั่นหยุด การทดสอบ
running กำหนดให้เคลื่อนไหวของอนิมาชั่นกำลังเล่น การทดสอบ

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

ค่าเริ่มต้น: running
การสืบทอด: no
เวอร์ชั่น: CSS3
JavaScript การใช้งาน: object.style.animationPlayState="paused"

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

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

ประกาศว่าใช้ prefix แบบ -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-