CSS3 คุณสมบัติการเปลี่ยนแปลงระยะเวลา
ตัวอย่าง
5 วินาทีสุดท้ายของการเปลี่ยนผลกระทบที่เกิดขึ้น:
transition-duration: 5s;
-webkit-transition-duration: 5s; /* Safari */
-webkit-transition-duration: 5s; /* Safari */
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
transition-duration | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
เวลา (วินาทีหรือมิลลิวินาที) ก็จะสามารถเปลี่ยนผลการเปลี่ยนแปลงสถานที่ให้บริการระยะเวลาแล้วเสร็จ
เริ่มต้น: | 0 |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.transitionDuration = "5 ส" |
ไวยากรณ์
transition-duration:time;
ความคุ้มค่า | ลักษณะ |
---|---|
เวลา | ระยะเวลาที่กำหนดไว้ของเวลา (วินาทีหรือมิลลิวินาที) ใช้ในการดำเนินผลการเปลี่ยนแปลง ค่าเริ่มต้นคือ 0 ซึ่งหมายความว่าจะไม่มีผลกระทบ |