UTILS.
100% trong trình duyệt

Trình tạo CSS clip-path

Cắt một phần tử thành các hình dạng phổ biến và sao chép CSS clip-path.

Về công cụ này

Chọn một hình dạng và cắt ngay một hộp xem trước bằng quy tắc clip-path tương ứng, rồi sao chép CSS sẵn sàng dùng. Bản xem trước cập nhật trực tiếp, hoàn toàn trong trình duyệt của bạn.

Câu hỏi thường gặp

clip-path dạng polygon hoạt động như thế nào?
Mỗi điểm là một cặp phần trăm x y so với hộp; trình duyệt nối chúng theo thứ tự và chỉ hiển thị vùng nằm bên trong đường viền.
Mọi trình duyệt có hỗ trợ clip-path không?
Các hình polygon, circle, ellipse và inset đều được hỗ trợ trong mọi trình duyệt hiện đại, nên CSS được tạo ra hoạt động mà không cần tiền tố.

Công cụ khác