เกี่ยวกับเครื่องมือนี้
เลือกรูปทรงแล้วตัดกล่องตัวอย่างทันทีด้วยกฎ clip-path ที่ตรงกัน จากนั้นคัดลอก CSS พร้อมใช้งาน ตัวอย่างอัปเดตแบบเรียลไทม์ ทำงานทั้งหมดในเบราว์เซอร์ของคุณ
คำถามที่พบบ่อย
clip-path แบบ polygon ทำงานอย่างไร?
แต่ละจุดเป็นคู่เปอร์เซ็นต์ x y เทียบกับกล่อง เบราว์เซอร์จะเชื่อมต่อจุดเหล่านั้นตามลำดับและแสดงเฉพาะพื้นที่ภายในเส้นขอบเท่านั้น
เบราว์เซอร์ทุกตัวรองรับ clip-path ไหม?
รูปทรง polygon, circle, ellipse และ inset รองรับในเบราว์เซอร์รุ่นใหม่ทุกตัว ดังนั้น CSS ที่สร้างขึ้นจึงใช้งานได้โดยไม่ต้องใช้ prefix