Style animationDuration attribute
- กลับไปยังเพิ่มเติม animationDirection
- เพิ่มเติม animationFillMode
- กลับไปยังเพจขึ้นหนึ่ง HTML DOM Style 对象
คำอธิบายและการใช้งาน
animationDuration คุณสมบัตินี้กำหนดเวลาที่ต้องใช้เพื่อให้แนวทางหมุนเวียนสำเร็จหนึ่งรอบ ในวินาทีหรือมิลลิวินาที
ตัวอย่าง
เปลี่ยนคุณสมบัติ animationDuration ของ <div> ตัวนี้:
document.getElementById("myDIV").style.animationDuration = "3s";
สyntax
คืนค่าคุณสมบัติ animationDuration:
object.style.animationDuration
ตั้งค่าคุณสมบัติ animationDuration:
object.style.animationDuration = "time|initial|inherit"
ค่าแอตทริบิวต์
| ค่า | การอธิบาย |
|---|---|
| time | กำหนดระยะเวลาที่ต้องใช้เพื่อให้แนวทางหมุนเวียนสำเร็จ ค่าเริ่มต้นคือ 0 หมายถึงจะไม่มีแนวทางหมุนเวียน |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial. |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู inherit. |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | 0 |
|---|---|
| ค่าที่คืนค่า: | ตัวเลขแสดงว่าองค์ประกอบ animation-duration คุณสมบัติ. |
| เวอร์ชัน CSS: | CSS3 |
การสนับสนุนของเบราซเซอร์
animationDuration เป็นคุณสมบัติของ CSS3 (1999).
ทั้งหมดเบราเซอร์ต่างๆเป็นที่ยอมรับอย่างเต็มที่:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | 11 |
เพิ่มเติมเว็บที่เกี่ยวข้อง
คู่มือ CSS อ้างอิง:animation-duration คุณสมบัติ
- กลับไปยังเพิ่มเติม animationDirection
- เพิ่มเติม animationFillMode
- กลับไปยังเพจขึ้นหนึ่ง HTML DOM Style 对象
