คุณสมบัติ Style animationDirection

การระบุและการใช้งาน

animationDirection คุณสมบัตินี้ตั้งค่าหรือกลับค่าว่าควรหรือไม่ให้การเคลื่อนไหวเล่นกลับในวงลูปการเล่นทางขวาของมัน

หมายเหตุ:ถ้าการเคลื่อนไหวถูกตั้งเป็นการเล่นเพียงครั้งเดียว คุณสมบัตินี้จะไม่มีผล

ตัวอย่าง

เปลี่ยนคุณสมบัติ animationDirection ของ <div> ตัวนี้:

document.getElementById("myDIV").style.animationDirection = "reverse";

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

รูปแบบ

กลับค่าคุณสมบัติ animationDirection:

object.style.animationDirection

ตั้งค่าคุณสมบัติ animationDirection:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

ค่าของคุณสมบัติ

ค่า คำอธิบาย
normal ค่าเริ่มต้น การเคลื่อนไหวควรเล่นตามที่เป็นไปตามปกติ
reverse การเคลื่อนไหวควรเล่นกลับ
alternate การเคลื่อนไหวจะเล่นตามที่เป็นเลขใหญ่ (1, 3, 5 และอื่น ๆ) และเล่นกลับในครั้งที่เป็นเลขเล็ก (2, 4, 6 และอื่น ๆ...)
alternate-reverse การเคลื่อนไหวจะเล่นกลับในครั้งที่เป็นเลขเล็ก (1, 3, 5 และอื่น ๆ) และเล่นตามที่เป็นเลขใหญ่ (2, 4, 6 และอื่น ๆ...)
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน โปรดดู initial。
inherit ทำให้คุณสมบัตินี้ของตัวเองสืบทอดมาจากตัวปลายทางของเล่มใหญ่ของมัน โปรดดู inherit。

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

ค่าเริ่มต้น: normal
ค่าที่กลับมา ตัวอักษรสาย แสดงถึง animation-direction คุณสมบัติ。
เวอร์ชั่น CSS: CSS3

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

animationDirection เป็นคุณสมบัติของ CSS3 (1999)。

ทั้งหมดเบราเซอร์ทุกตัวสนับสนุนมันอย่างเต็มที่:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน 11

หน้าที่เกี่ยวข้อง

คู่มือ CSS:animation-direction คุณสมบัติ