บทช่วยสอน CSS3 คุณสมบัตินิเมชั่นระยะเวลา ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,คำจำกัดความและคำแนะนำการแท็ก,ไวยากรณ์,บทความที่เกี่ยวข้อง,

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 นิเมชั่น

CSS3 คุณสมบัตินิเมชั่นระยะเวลา
10/30