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

สร้าง CSS Clip-Path

เลือกจากชุดรูปทรงยอดนิยม (วงกลม วงรี สามเหลี่ยม ห้าเหลี่ยม หกเหลี่ยม ดาว บับเบิลข้อความ ลูกศร) พร้อมภาพตัวอย่างสด จากนั้นคัดลอกค่า clip-path ของ CSS ที่ถูกต้อง พร้อมนำไปใช้ในโปรเจกต์ได้ทันที

เครื่องมือออกแบบและ CSS ทำงานในเบราว์เซอร์ของคุณทั้งหมด

การประมวลผลทั้งหมดเกิดขึ้นบนอุปกรณ์ของคุณ — ไม่มีการส่งข้อมูลใดๆ ไปยังเซิร์ฟเวอร์

รูปทรง

โค้ด CSS

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

เครื่องมือที่เกี่ยวข้อง

อยากลองใช้ Uddatak ไหม?

เรียกดูคลังเครื่องมือทั้งหมดและเริ่มใช้งานสิ่งที่คุณต้องการได้ทันที — ฟรีและไม่ต้องสมัครสมาชิก

ดูเครื่องมือทั้งหมด