CSS Clip Path ตัวสร้าง

CSS Clip Path ตัวสร้าง ออนไลน์ฟรี. ประมวลผลข้อมูลทันทีในเบราว์เซอร์ของคุณ. ไม่อัปโหลด ไม่ต้องสมัครสมาชิก เป็นส่วนตัวทั้งหมด.

การประมวลผลในท้องถิ่น

Shape

Vertex 1 (top-left)

x: 0

y: 0

Vertex 2 (top-right)

x: 100

y: 0

Vertex 3 (bottom-right)

x: 100

y: 100

Vertex 4 (bottom-left)

x: 0

y: 100

Preview

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

วิธีใช้

ป้อนข้อมูลของคุณด้านบน ผลลัพธ์จะอัปเดตโดยอัตโนมัติ ใช้ปุ่มคัดลอกเพื่อคัดลอกผลลัพธ์

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

ใช่ สมบูรณ์ฟรี ไม่จำเป็นต้องลงทะเบียน

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