คุณสมบัติ CSS3 ภาพเคลื่อนไหวล่าช้า
ตัวอย่าง
รอสองวินาทีและจากนั้นเริ่มการเคลื่อนไหว:
ภาพเคลื่อนไหวล่าช้า 2 S - WebKit ภาพเคลื่อนไหวล่าช้า 2 S; / * Safari และ Chrome * /
ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
animation-delay | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
คำจำกัดความและคำแนะนำการแท็ก
แอตทริบิวต์ภาพเคลื่อนไหวล่าช้ากำหนดเมื่อภาพเคลื่อนไหวเริ่มต้น
ค่าภาพเคลื่อนไหวล่าช้าของหน่วยงานที่สามารถวินาที (s) หรือมิลลิวินาที (MS)
เคล็ดลับ: อนุญาตให้ลบ -2s ทำให้การเคลื่อนไหวเริ่มต้นทันที แต่ข้ามสองวินาทีในการเคลื่อนไหว
เริ่มต้น: | 0 |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ object.style.animationDelay = "2S" |
ไวยากรณ์
animation-delay:time;
值 | 描述 | 测试 |
---|---|---|
time | 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0 | 测试 » |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ลบโปรดทราบว่าการเคลื่อนไหวข้ามสองวินาทีในรอบภาพเคลื่อนไหว:
ภาพเคลื่อนไหวล่าช้า: -2 s / * โอเปร่า * / -moz ภาพเคลื่อนไหว -delay: -2 s / * Firefox * / -webkit ภาพเคลื่อนไหว -delay: -2 s / * Safari และ Chrome * /
ลอง»
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 นิเมชั่น