สมบัติ animationName ของ Style
- หน้าก่อน animationIterationCount
- หน้าต่อไป animationTimingFunction
- กลับไปยังเพจต้น อนุปราชญ์ HTML DOM Style
การกำหนดและการใช้งาน
animationName กำหนดหรือคืนค่าชื่อ @keyframes ที่ผูกกับเลือกตัวแทน
ตัวอย่าง
เปลี่ยนค่าสมบัติ animationName ขององค์ประกอบ <div> นี้：
document.getElementById("myDIV").style.animationName = "myNEWmove";
รูปแบบ
คืนค่าสมบัติ animationName：
object.style.animationName
ตั้งค่าสมบัติ animationName：
object.style.animationName = "none|keyframename|initial|inherit"
ค่าทางอัตรา
| ค่า | คำอธิบาย |
|---|---|
| none | ค่าเริ่มต้น。กำหนดว่าจะไม่มีอนุภาค (สามารถใช้เพื่อปิดกั้นอนุภาคที่มาจากการติดตาม) |
| keyframename | กำหนดชื่อของ keyframe ที่ต้องการผูกกับเลือกตัวแทน |
| initial | ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดู initial。 |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน。ดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น | none |
|---|---|
| ค่าที่คืนค่ามา | ตัวอักษรสาย，ที่แสดงชื่อประกาศ animation-name คุณสมบัติ。 |
| เวอร์ชัน CSS： | CSS3 |
การสนับสนุนเบราเซอร์
animationName เป็นคุณสมบัติ CSS3 (1999) นี้。
ทั้งหมดเบราเซอร์สนับสนุนมันเต็มที่：
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | 11 |
หน้าที่เกี่ยวข้อง
CSS อ้างอิงคู่มือ：animation-name คุณสมบัติ
- หน้าก่อน animationIterationCount
- หน้าต่อไป animationTimingFunction
- กลับไปยังเพจต้น อนุปราชญ์ HTML DOM Style
