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

การใช้งานและการเข้ารหัส

animation-name attribute กำหนดชื่อ animation ใน @keyframes

หมายเหตุ:ตั้งค่ามาก่อนเสมอ animation-duration ถ้าไม่มี attribute ใน property หรือความยาวของ animation มีค่า 0 จะไม่มีการเล่นภาพแสดง

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

ตำรา CSS3CSS อนิมาชั่น

คู่มือสารานุกรม DOM HTMLattribute animationName

ตัวอย่าง

กำหนดชื่อที่ใช้สำหรับ animation ใน @keyframes

div
{
animation:mymove 5s infinite;
}

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

ระบบทางการแสดง CSS

animation-name: keyframename|none;

ค่าของรายละเอียด

ค่า รายละเอียด
keyframename กำหนดชื่อ keyframe ที่ต้องการจับคู่กับ selector
ไม่มี กำหนดไม่มีภาพแสดงที่เคลื่อนไหว (สามารถใช้เพื่อปิดกั้นภาพแสดงที่มาจากซับเครื่องงานได้)

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

ค่าปริยาย: ไม่มี
มีการสืบทอด: ไม่มี
รุ่น: CSS3
ระบบทางการแสดงที่มีมาตรการแบบ script ภาษา JavaScript object.style.animationName="mymove"

การสนับสนุนของเบราเซอร์

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

ที่มี -webkit-、-moz- หรือ -o- และตัวเลขนี้บ่งชี้การใช้ prefix ของเวอร์ชั่นแรก

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-