CSS Clip-Path Shape Generator การสร้างรูปแบบ

วิธีทำ

1. 1
   ขั้นตอนที่ 1: เปิด CSS Clip-Path Shape Generator การสร้างรูปแบบ และกรอกข้อมูล

   พิมพ์ตัวเลขหรือข้อความ เพิ่มไฟล์ หรือเลือกตัวเลือกที่ต้องการ ไม่มีการอัปโหลดใดๆ ทุกอย่างอยู่ในเบราว์เซอร์ของคุณ

2. 2
   ขั้นตอนที่ 2: CSS Clip-Path Shape Generator การสร้างรูปแบบ ทำอะไรได้บ้าง

   สร้างรูปทรงหลายเหลี่ยม ดาว แบจ หกเหลี่ยม และเชฟรอน ด้วยระบบเจอเมทรีคลิป-พาธ์ CSS ที่ทันสมัย.

3. 3
   ขั้นตอนที่ 3: อ่านผลลัพธ์และเปรียบเทียบ

   ผลลัพธ์ปรากฏทันที ลองเปลี่ยนค่าหนึ่งค่าเพื่อดูว่าคำตอบเปลี่ยนไปอย่างไร แล้วเลือกตัวเลขที่เหมาะกับกรณีของคุณ

4. 4
   ขั้นตอนที่ 4: คัดลอกหรือบันทึก

   คัดลอกผลลัพธ์หรือดาวน์โหลด หากเป็นการตัดสินใจสำคัญ ควรตรวจสอบกับแหล่งข้อมูลทางการหรือที่ปรึกษา

เกี่ยวกับเครื่องมือนี้

Clip-path ช่วยให้ผู้พัฒนาตัดองค์ประกอบ HTML และภาพเป็นโพลิกอนและรูปร่างทางชีวศาสตร์ที่แม่นยํา โดยไม่ต้องใช้หน้ากาก Photoshop หรือ SVG เลือกจากการตั้งค่าล่วงหน้าทั่วไป ตรวจสอบหน้ากาก rendered ในเวลาจริง และสําเนาความพร้อมของโคลิแกน CSS ที่เรียบร้อยสําหรับการผลิต

เคล็ดลับเพื่อผลลัพธ์ที่ดีที่สุด

ก่อนเริ่ม ใช้เวลาอ่านตัวเลือกสักครู่และลองเครื่องมือกับตัวอย่างเล็ก ๆ ก่อน ทุกอย่างทำงานในเบราว์เซอร์บนอุปกรณ์ของคุณ สิ่งที่คุณพิมพ์หรือเพิ่มจะไม่ถูกอัปโหลด และการปิดแท็บจะลบทุกอย่าง หากมีอะไรดูไม่ถูกต้อง ให้โหลดหน้าใหม่แล้วลองอีกครั้ง หรือใช้ลิงก์แจ้งปัญหาในหน้านี้เพื่อบอกเราว่าเกิดอะไรขึ้น หากผลลัพธ์ยังดูผิด ให้เปลี่ยนทีละค่าเพื่อดูว่าช่องไหนมีผลมากที่สุด บุ๊กมาร์กหน้านี้หากคุณจะใช้อีก