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

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

animation-direction ระบุว่าควรเล่นการเคลื่อนไหวเลวงและทิ้งแล้วกลับมาเล่นหรือไม่

ค่าของ animation-direction คือ "alternateถ้ามี "

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

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

คู่มืออ้างอิง HTML DOM:ขอบเขต animationDirection

หยุดการเคลื่อนไหว:

div {
  animation-direction: alternate;
}

animation-direction: normal|alternate;

ค่า	การอธิบาย	การทดสอบ
normal	ค่าเริ่มต้น. การเคลื่อนไหวควรเล่นตามลำดับที่ตัวเลขเล็ก	การทดสอบ
alternate	การเคลื่อนไหวควรเล่นตามลำดับที่ตัวเลขเลวงและทิ้งแล้วกลับมาเล่นตามลำดับที่ตัวเลขเล็ก	การทดสอบ

ค่าเริ่มต้น:	normal
การสืบทอด:	no
รุ่น:	CSS3
JavaScript ระบบวากของภาษา:	object.style.animationDirection="alternate"

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

มี -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-