ตัวแก้ไขเส้นเบซิเยร์ CSS

วิธีใช้ ตัวแก้ไขเส้นเบซิเยร์ CSS

ตัวแก้ไขเส้นเบซิเยร์ CSS. ลากจุดหรือใช้ปุ่มลูกศร กด Shift เพื่อเพิ่มระยะเลื่อน

1. เปลี่ยนสี ข้อความ หรือตัวเลขด้านบน
2. เปรียบเทียบตัวอย่างขณะปรับการตั้งค่า
3. คัดลอกผลลัพธ์หรือดาวน์โหลดลงอุปกรณ์

ตัวแก้ไขเส้นเบซิเยร์ CSS · ตัวอย่าง

{
  "x1": 0.25,
  "y1": 0.1,
  "x2": 0.25,
  "y2": 1
}

animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

หมายเหตุการใช้งาน

ไฟล์และข้อมูลเข้าประมวลผลในเบราว์เซอร์นี้ ไม่ต้องอัปโหลดหรือมีบัญชี