CSS3 คุณสมบัตินิเมชั่น
ตัวอย่าง
ใช้ภาพเคลื่อนไหวคุณสมบัติจดชวเลขจะผูกกับ <div>:
div
{
ภาพเคลื่อนไหว: mymove 5 s อนันต์ - Webkit ภาพเคลื่อนไหว: mymove 5 s อนันต์ ; / * Safari และ Chrome * /
}
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
animation | 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- |
เริ่มต้น: | ไม่มีความง่ายดาย 0 0 1 ปกติ |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.animation = "5s mymove ไม่มีที่สิ้นสุด" |
ไวยากรณ์
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
ความคุ้มค่า | คำอธิบาย |
---|---|
นิเมชั่นชื่อ | ระบุชื่อไปผูกไว้เพื่อเลือกคีย์เฟรม |
ภาพเคลื่อนไหวระยะเวลา | นิเมชั่นระบุว่าหลายวินาทีหรือมิลลิวินาที |
ภาพเคลื่อนไหวการกำหนดเวลาการทำงาน | วิธีการตั้งค่าภาพเคลื่อนไหวจะเสร็จสมบูรณ์วงจร |
ภาพเคลื่อนไหวล่าช้า | ก่อนที่จะเริ่มเคลื่อนไหวช่วงล่าช้า |
ภาพเคลื่อนไหวซ้ำนับ | กำหนดบทละครภาพเคลื่อนไหว |
ภาพเคลื่อนไหวทิศทาง | ระบุว่าจะหันหลังกลับภาพเคลื่อนไหว |
แอนิเมชั่เติมโหมด | บทบัญญัติเมื่อภาพเคลื่อนไหวไม่เล่น (เมื่อภาพเคลื่อนไหวเสร็จสมบูรณ์แล้วหรือเมื่อมีความล่าช้าในการเคลื่อนไหวไม่ได้เริ่มเล่น) เพื่อนำไปใช้กับองค์ประกอบสไตล์ |
ภาพเคลื่อนไหวเล่นรัฐ | ระบุว่านิเมชั่นที่กำลังทำงานหรือหยุดชั่วคราว |
แรกเริ่ม | ตั้งค่าคุณสมบัติเป็นค่าเริ่มต้น อ่านข้อมูลเกี่ยวกับการเริ่มต้น |
สืบทอด | คุณสมบัติสืบทอดมาจากองค์ประกอบหลัก อ่านข้อมูลเกี่ยวกับ initinherital |
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 นิเมชั่น