Tạo CSS Clip Path
Tạo hình dạng CSS clip-path trực quan bằng kéo thả. Bao gồm polygon, circle, ellipse và cài đặt sẵn như ngôi sao và trái tim.
Loại hình dạng
Cài đặt sẵn
Xem trước
Kéo điểm để di chuyển, nhấp đúp để thêm/xóa
Điều khiển
Danh sách điểm
CSS đã tạo
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);Cách sử dụng
Chọn hình dạng
Chọn hình dạng clip-path
Điều chỉnh điểm
Kéo các điểm để điều chỉnh hình dạng
Sao chép
Sao chép mã CSS để sử dụng
Tính năng
Kéo để chỉnh sửa
Kéo các điểm để tự do thay đổi hình dạng
Hình dạng cơ bản
Hỗ trợ circle, ellipse, polygon, inset
Cài đặt sẵn
Cài đặt sẵn như ngôi sao, mũi tên, trái tim
FAQ
🔗Công cụ liên quan
Chuyển Đổi Mã Màu
Chuyển đổi giữa mã màu HEX, RGB và HSL. Sử dụng bộ chọn màu và xem trước thời gian thực để chọn màu trực quan.
Bảng Chọn Màu
Chọn màu trực quan bằng bánh xe màu và thanh trượt. Lấy và sao chép mã màu ở định dạng HEX, RGB và HSL.
Trích xuất màu từ ảnh
Tự động phát hiện màu chủ đạo từ ảnh và tạo bảng màu. Bạn cũng có thể nhấp vào bất kỳ điểm nào trên ảnh để lấy màu riêng lẻ.
Lấy màu trung bình từ ảnh
Tính màu trung bình của toàn bộ ảnh hoặc vùng được chọn. Hữu ích để chọn bảng màu hoặc màu nền cho thumbnail.
Tạo CSS Gradient
Tạo CSS gradient trực quan bằng điều khiển kéo. Hỗ trợ loại gradient tuyến tính, hướng tâm và hình nón với cài đặt sẵn.
Tạo CSS Box Shadow
Tạo CSS box-shadow trực quan bằng thanh trượt. Hỗ trợ nhiều bóng đổ và bóng đổ bên trong (inset).