Công cụ tạo CSS box-shadow trực tuyến miễn phí. Điều chỉnh offset, blur, spread và màu với xem trước trực tiếp. Sao chép mã. Trình duyệt.
Trình tạo bóng CSS là công cụ trực tuyến miễn phí chỉnh sửa trực quan thuộc tính box-shadow. Điều chỉnh offset, blur, spread và màu bằng thanh trượt với xem trước thời gian thực. Hỗ trợ nhiều bóng và inset. Xử lý trong trình duyệt, miễn phí.
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Tệp không được gửi đến máy chủ
Cách sử dụng Tạo bóng đổ?
Điều chỉnh offset, blur và spread bằng thanh trượt.
Đặt màu bóng và độ mờ.
Sao chép mã CSS đã tạo và sử dụng trong dự án.
Câu hỏi thường gặp về Tạo bóng đổ
Có thể thêm nhiều bóng cùng lúc không?
Có, bạn có thể thêm nhiều bóng để tạo chiều sâu và hiệu ứng phức tạp. Mỗi bóng có thể điều chỉnh riêng.
Bóng inset là gì?
Bóng inset xuất hiện bên trong phần tử thay vì bên ngoài. Box-shadow thường hiển thị bên ngoài, thêm inset tạo hiệu ứng lõm vào.