ข้ามไปยังเนื้อหา

เครื่องมือสร้างเส้นทางตัด CSS

สร้างรูปทรงบนผืนผ้าใบได้โดยตรง ลากจุดของรูปหลายเหลี่ยม ทดลองรูปทรงโค้งมน แล้วส่งออก CSS หรือ SVG

ตัวอย่างแบบเรียลไทม์

ลากจุดเพื่อเลื่อน ปุ่มลูกศรจะเลื่อนจุด กด Shift เพื่อเลื่อนทีละ 10% และกด Delete เพื่อลบจุด

clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);

ข้อมูลทั้งหมดอยู่ในเบราว์เซอร์ของคุณ

แหล่งอ้างอิงรูปแบบไฟล์

อัปเดตหน้าเครื่องมือเมื่อ: