สร้าง Cubic Bezier Easing
ลากจุดควบคุมสองจุดเพื่อออกแบบเส้นโค้ง easing แบบกำหนดเอง พร้อมภาพตัวอย่างแอนิเมชันสดที่แสดงการเคลื่อนไหวจริง รวมถึงค่าสำเร็จรูปยอดนิยม (Ease, Ease In, Ease Out, Material Standard) จากนั้นคัดลอกค่า cubic-bezier ของ CSS ที่ถูกต้องไปใช้
เครื่องมือออกแบบและ CSS ทำงานในเบราว์เซอร์ของคุณทั้งหมด
การประมวลผลทั้งหมดเกิดขึ้นบนอุปกรณ์ของคุณ — ไม่มีการส่งข้อมูลใดๆ ไปยังเซิร์ฟเวอร์
ลากจุดใดจุดหนึ่งเพื่อปรับรูปทรงของเส้นโค้งอีสซิ่ง
พรีเซ็ต
โค้ด CSS
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
ดำเนินการต่อด้วย
เครื่องมือที่เกี่ยวข้อง
อยากลองใช้ Uddatak ไหม?
เรียกดูคลังเครื่องมือทั้งหมดและเริ่มใช้งานสิ่งที่คุณต้องการได้ทันที — ฟรีและไม่ต้องสมัครสมาชิก
ดูเครื่องมือทั้งหมด