CSS3 คุณสมบัตินิเมชั่นระยะเวลา
ตัวอย่าง
เคลื่อนไหวเสร็จภายในสองวินาที:
นิเมชั่นระยะเวลา 2 S - WebKit ภาพเคลื่อนไหวระยะเวลา 2 S; / * Safari และ Chrome * /
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
animation-duration | 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- |
คำจำกัดความและคำแนะนำการแท็ก
คุณสมบัตินิเมชั่นระยะเวลาที่กำหนดภาพเคลื่อนไหวเสร็จสมบูรณ์รอบต้องใช้หลายวินาทีหรือมิลลิวินาที
เริ่มต้น: | 0 |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ object.style.animationDuration = "3s" |
ไวยากรณ์
animation-duration:time;
ความคุ้มค่า | คำอธิบาย |
---|---|
เวลา | ระบุเวลาที่ใช้ในการดำเนินการเคลื่อนไหว ค่าเริ่มต้นคือ 0 หมายถึงไม่มีภาพเคลื่อนไหว |
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 นิเมชั่น