เครื่องมือ CSS สำหรับตัวเลือก animation-duration

คำอธิบายและการใช้งาน

animation-duration คุณสมบัตินี้กำหนดเวลาที่ใช้ในการทำแอนิเมชันหนึ่งรอบ แสดงเป็นวินาทีหรือมิลลิวินาที

ดูเพิ่มเติม

ตัวอย่าง CSS3CSS แอนิเมชัน

คู่มืออ้างอิง HTML DOManimationDuration คุณสมบัติ

ตัวอย่าง

กำหนดชื่อแก่ @keyframes แอนิเมชัน

div {
  animation-duration: 3s;
}

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

CSS ภาษา

animation-duration: time;
ค่า คำอธิบาย
time กำหนดเวลาที่ใช้ในการทำแอนิเมชัน ค่าเริ่มต้นคือ 0 หมายถึงไม่มีแอนิเมชัน

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

ค่าเริ่มต้น 0
มีต้นแบบ no
เวอร์ชั่น CSS3
JavaScript ภาษา object.style.animationDuration="3s"

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

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

มี -webkit-、-moz- หรือ -o- ก่อนหน้านี้เป็นตัวแทนเวอร์ชั่นแรกที่ใช้คำหน้าต่าง

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
3.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-