Preview
Đầu ra CSS
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Điều khiển đường dẫn clip
Hình dạng cơ bản
Thuộc tính hình dạng
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Cách sử dụng
Điều khiển cơ bản
- Chọn một hình dạng cơ bản từ bảng Shape Selection
- Điều chỉnh thông số hình dạng bằng cách sử dụng thanh trượt phạm vi
- Kéo các điểm điều khiển trên bản xem trước để định hình lại đường dẫn clip
- Thêm điểm vào hình dạng tùy chỉnh bằng cách sử dụng chế độ Thêm điểm
Các tính năng nâng cao
- Lưu và tải các cài đặt trước để truy cập nhanh vào các hình dạng yêu thích của bạn
- Tạo hiệu ứng cho đường dẫn clip của bạn với thời lượng, giảm nhẹ và lặp tùy chỉnh
- Sao chép mã CSS đã tạo và dán vào dự án của bạn
- Chuyển đổi chế độ tối để thiết kế thoải mái vào đêm khuya
Related Tools
Trình làm đẹp CSS
Định dạng và làm đẹp mã CSS của bạn với độ chính xác chuyên nghiệp
Tạo gradient CSS đẹp dễ dàng
Tạo gradient tuyến tính, xuyên tâm và hình nón tuyệt đẹp với giao diện trực quan của chúng tôi. Sao chép mã CSS và sử dụng nó trong các dự án của bạn ngay lập tức.
Công cụ chuyển đổi ít sang CSS
Chuyển đổi mã Less của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Chuyển đổi JSON thành văn bản dễ dàng
Chuyển đổi dữ liệu JSON của bạn thành văn bản thuần túy được định dạng chỉ bằng một cú nhấp chuột. Nhanh chóng, an toàn và hoàn toàn dựa trên trình duyệt.
Trình thu nhỏ HTML
Nén và tối ưu hóa mã HTML của bạn với độ chính xác chuyên nghiệp
Máy tính băm SHA3-512
Tạo hàm băm SHA3-512 nhanh chóng và dễ dàng