เครื่องมือสร้าง Cubic Bezier
ปรับรูปเส้นโค้ง easing ของ CSS ด้วยการลากจุดจับสองจุด เปรียบเทียบการเคลื่อนไหวกับจังหวะแบบ linear แล้วคัดลอก cubic-bezier() ไปใช้กับ transition หรือ Tailwind
ตัวแก้ไขเส้นโค้ง
ลากจุดจับจุดใดก็ได้ เส้นประคือจังหวะแบบ linear
ตัวอย่างการเคลื่อนไหว
เส้นโค้งของคุณ
Linear
ตำแหน่งทุก ๆ หนึ่งในสิบของระยะเวลา
transition: transform 1000ms ease; /* or */ animation-timing-function: ease;
ข้อมูลทั้งหมดอยู่ในเบราว์เซอร์ของคุณ
เครื่องมือที่เกี่ยวข้อง
แหล่งอ้างอิงรูปแบบไฟล์
อัปเดตหน้าเครื่องมือเมื่อ: