Style animationTimingFunction Property

เปลี่ยน animationTimingFunction ทรัพย์สินของ <div> องค์ประกอบ:

document.getElementById("myDIV").style.animationTimingFunction = "linear";

ความหมายและการใช้งาน

animationTimingFunction ระบุโค้งความเร็วของภาพเคลื่อนไหว

โค้งความเร็วกำหนดเวลาที่นิเมชั่นที่ใช้ในการเปลี่ยนจากหนึ่งชุดของรูปแบบ CSS ไปยังอีก

โค้งความเร็วที่ใช้ในการทำให้เกิดการเปลี่ยนแปลงได้อย่างราบรื่น

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

ตามด้วยหมายเลข Moz ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า

คุณสมบัติ
animationTimingFunction	43.0	ได้รับการสนับสนุน	16.0 5.0 Moz	ได้รับการสนับสนุน	30.0

คืนทรัพย์สิน animationTimingFunction นี้:

object .style.animationTimingFunction

ตั้งค่าคุณสมบัติ animationTimingFunction นี้:

object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( ค่าทรัพย์สิน

ความคุ้มค่า	ลักษณะ
linear	ภาพเคลื่อนไหวที่มีความเร็วเท่ากันตั้งแต่ต้นจนจบ
ease	ค่ามาตรฐาน ภาพเคลื่อนไหวที่มีการเริ่มต้นช้าแล้วอย่างรวดเร็วก่อนที่มันจะจบลงอย่างช้าๆ
ease-in	ภาพเคลื่อนไหวที่มีการเริ่มต้นช้า
ease-out	ภาพเคลื่อนไหวที่มีปลายช้า
ease-in-out	ภาพเคลื่อนไหวที่มีทั้งการเริ่มต้นช้าและปลายช้า
cubic- bezier( n , n , n , n )	กำหนดค่าของคุณเองในการทำงานลูกบาศก์ Bezier ค่าที่เป็นไปเป็นค่าตัวเลข 0-1
initial	ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

ราคาเริ่มต้น:	ความสะดวก
กลับค่า:	สตริงที่เป็นตัวแทนของภาพเคลื่อนไหวการกำหนดเวลาการทำงานของทรัพย์สินขององค์ประกอบ
CSS รุ่น	CSS3