Trình tạo đường cắt CSS

Tạo hình trực tiếp trên vùng vẽ. Kéo các điểm đa giác, khám phá hình bo tròn và xuất CSS hoặc SVG.

Xem trước trực tiếp

Kéo một điểm. Phím mũi tên di chuyển điểm; Shift đổi bước thành 10%. Delete xóa điểm.

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

Mọi dữ liệu đều nằm trong trình duyệt của bạn.

Tài liệu tham khảo về định dạng

MDN — clip-path

Trang công cụ được cập nhật: 2026-10-24