UTILS.
ทำงานในเบราว์เซอร์ 100%

ตัวสร้าง CSS Easing

เลือกหรือสร้าง easing แบบ cubic-bezier แล้วเล่นซ้ำบนจุดพรีวิวที่เคลื่อนไหว

เกี่ยวกับเครื่องมือนี้

เลือกพรีเซ็ตหรือป้อนจุดควบคุมทั้งสี่เพื่อสร้าง easing แบบ cubic-bezier แล้วดูแอนิเมชัน ทั้งหมดทำงานในเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

พรีเซ็ตทำอะไร?
แต่ละพรีเซ็ตจะเติมจุดควบคุมทั้งสี่ให้เป็นเส้นโค้งมาตรฐาน เช่น ease-in หรือ linear ซึ่งคุณปรับละเอียดเพิ่มได้
จะดู easing อีกครั้งได้อย่างไร?
กด Replay เพื่อเล่นแอนิเมชันของจุดอีกครั้งโดยใช้ฟังก์ชันจังหวะปัจจุบัน

เครื่องมือเพิ่มเติม