Chuyển đổi màu
Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.
Tạo clip-path đa giác CSS
Kéo các đỉnh hoặc nhập tọa độ để dựng vùng cắt đa giác, xem trực tiếp và xuất CSS tương ứng.
Kéo điểm hoặc dùng phím mũi tên. Giữ Shift để tăng bước di chuyển. Bạn cũng có thể nhập trực tiếp tọa độ.
CSS
Giới thiệu công cụ
Thiết kế bảng chéo hoặc huy hiệu hình học mà không cần tạo mặt nạ ảnh.
Cách sử dụng
Bắt đầu từ tam giác, hình thoi, lục giác hoặc mẫu khác. Kéo các điểm, chỉnh phần trăm X/Y, thêm hoặc xóa đỉnh theo ý muốn. Dùng Tab để chọn điểm rồi nhấn phím mũi tên để tinh chỉnh; giữ Shift để dịch chuyển bước lớn hơn.
Đa giác có 3–32 điểm với tọa độ 0–100%. Các điểm nối theo thứ tự danh sách rồi khép kín. Sao chép hoặc tải clip-path: polygon(...) giống phần xem trước. Công cụ không tạo đường cong hoặc tệp ảnh đã cắt.
Câu hỏi thường gặp
Có hỗ trợ đường cong hoặc điểm ngoài hộp không?
Hỗ trợ 3–32 đỉnh với tọa độ 0%–100%. Không hỗ trợ đường cong và đỉnh vượt các giới hạn này.
Vì sao đa giác xuất hiện vết cắt lạ sau khi kéo các điểm?
Các điểm được nối theo thứ tự trong danh sách, rồi điểm cuối nối lại điểm đầu. Kéo một điểm qua cạnh khác có thể làm đường bao tự cắt nhau. Hãy bắt đầu từ mẫu và giữ thứ tự các đỉnh theo chu vi. Có thể xóa điểm thừa nhưng phải giữ ít nhất ba điểm.
Công cụ liên quan
Mở trong thẻ mới
Bình luận
0