Tạo CSS clip-path polygon

Nhập các điểm phần trăm để xem hình cắt đa giác và lấy CSS.

Thiết lập

Cách sử dụng

Các điểm nối theo thứ tự đã nhập và tự khép kín. Thử thay một điểm để điều chỉnh hình dạng.

Thử với ví dụ

Chọn Dùng ví dụ để điền dữ liệu mẫu, rồi chọn Tạo kết quả. Điều chỉnh các trường cho phù hợp với dữ liệu thật.

Mỗi dòng: X Y, từ 0 đến 100:

0 0
100 0
85 100
15 100

Giới hạn và cách hiểu kết quả

Từ 3 đến 50 điểm; không chuyển path SVG hoặc dùng tọa độ ngoài 0–100%.