ตัวอย่าง
เพิ่มความเร็วในการผลการเปลี่ยนแปลงนี้
document.getElementById("myDIV").style.transitionDuration = "1s";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ transitionDuration หรือผลตอบแทนที่วิธีการหลายวินาที (s) หรือมิลลิวินาที (ms) ผลการเปลี่ยนแปลงจะใช้เวลาที่จะเสร็จสมบูรณ์
สนับสนุนเบราว์เซอร์
คุณสมบัติ transitionDuration ได้รับการสนับสนุนใน Internet Explorer 10, Firefox, Opera และ Chrome
ซาฟารีสนับสนุนทางเลือกคุณสมบัติ WebkitTransitionDuration
วากยสัมพันธ์
คืนทรัพย์สิน transitionDuration นี้:
object .style.transitionDuration ตั้งค่าคุณสมบัติ transitionDuration นี้:
object .style.transitionDuration=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ time ระบุวิธีการหลายวินาทีหรือมิลลิวินาทีผลการเปลี่ยนแปลงจะใช้เวลาที่จะเสร็จสมบูรณ์ ค่าเริ่มต้นเป็น 0 หมายถึงจะไม่มีผลกระทบ initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: สตริงที่เป็นตัวแทนของการเปลี่ยนแปลงระยะเวลาทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: transition-duration property
<สไตล์วัตถุ