Tạo box-shadow CSS
Tạo bóng hộp với thanh trượt độ lệch, độ mờ, độ lan và màu, rồi sao chép CSS.
Hướng dẫn sử dụng
Tạo bóng
Kéo thanh trượt để chỉnh độ lệch ngang, dọc, độ mờ và độ lan. Chọn màu và bật inset cho bóng bên trong.
- Chỉnh bốn thanh trượt.
- Chọn màu bóng.
- Sao chép khai báo box-shadow.
Giá trị âm
Độ lệch và độ lan nhận giá trị âm, giúp dịch bóng lên trên hoặc sang trái và thu nhỏ bóng.
Câu hỏi thường gặp
Độ lan là gì?
Độ lan mở rộng hoặc thu hẹp bóng trước khi làm mờ. Giá trị dương làm bóng lớn hơn.
Vì sao bóng bị trong suốt?
Màu được tạo có độ trong suốt một phần để bóng hòa với nền. Thay giá trị màu nếu muốn bóng đục hoàn toàn.
Công cụ liên quan
Tạo border-radius
Xem trước và sao chép giá trị border-radius CSS cho từng góc theo pixel hoặc phần trăm.
Tạo gradient CSS
Thiết kế gradient CSS tuyến tính hoặc hướng tâm với xem trước trực tiếp và mã CSS sẵn sàng.
Định dạng CSS
Làm đẹp CSS với mỗi thuộc tính một dòng và thụt lề nhất quán.
Tạo UUID / GUID
Tạo UUID phiên bản 4 ngẫu nhiên, sao chép từng cái hoặc hàng loạt.
Tạo mã băm
Tính mã băm MD5, SHA-1, SHA-256 và SHA-512 cho mọi văn bản.
Chuyển đổi Timestamp
Chuyển đổi giữa Unix timestamp, ISO 8601 và ngày giờ địa phương dễ đọc.