CSS transition-delay ทาง属性

คำอธิบายและวิธีใช้

transition-delay แอตทริบิวต์กำหนดว่าตอนใดจะเริ่มปรากฏการณ์เปลี่ยนแปลง。

ค่า transition-delay นับเป็นวินาทีหรือมิลลิวินาที。

ดูเพิ่มเติมที่:

สอน CSS:CSS การเปลี่ยนแปลง

คู่มือเอชทีเอ็มแอลล์ DOM:transitionDelay แอตทริบิวต์

ตัวอย่าง

รอสัก 2 วินาทีก่อนที่จะเริ่มปรากฏการณ์เปลี่ยนแปลง:

div {
  transition-delay: 2s;
}

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

CSS ภาษา

transition-delay: time;

ค่าของแอตทริบิวต์

ค่า คำอธิบาย
time กำหนดระยะเวลาที่ต้องรอก่อนที่จะเริ่มที่จะมีปรากฏการณ์เปลี่ยนแปลงทางเทคนิค ในวินาทีหรือมิลลิวินาที。

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

ค่าเริ่มต้น: 0
ความเป็นเอกลักษณ์ที่สืบทอดมา: no
เวอร์ชัน: CSS3
ระบบทางภาษาจาวาสคริปต์: object.style.transitionDelay="2s"

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

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

帶 -webkit- หรือ -moz- จำนวนที่แสดงว่าเป็นสัญญาณในสมมุติสำหรับเวอร์ชันแรก。

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-
10.0 16.0
4.0 -moz-
6.1
3.1 -webkit-
12.1
10.5 -o-