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

คุณสมบัติ 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 นิเมชั่น

คุณสมบัติ CSS3 ภาพเคลื่อนไหวล่าช้า
10/30