Tạo CSS Box Shadow
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi
Tạo CSS Box Shadow la gi?
Trình chỉnh sửa trực quan trực tuyến miễn phí để tạo CSS box-shadow và sao chép mã
Cach su dung
- 1 Chọn preset — Bắt đầu nhanh với nút preset.
- 2 Điều chỉnh thanh trượt — Điều chỉnh bóng bằng thanh trượt offset X/Y, blur và spread.
- 3 Xem trước — Kiểm tra kết quả theo thời gian thực trong bản xem trước phía trên.
- 4 Sao chép CSS — Sử dụng nút sao chép để lấy CSS box-shadow.
Cong cu lien quan
Cau hoi thuong gap
Có, sử dụng nút 'Thêm bóng' để chồng nhiều bóng lên nhau.
Có, bật hộp kiểm Inset trên mỗi bóng để tạo bóng bên trong.
Có 5 preset được cung cấp: Subtle, Medium, Large, Inset và Double.
Có, bạn có thể nhập trực tiếp rgba(0,0,0,0.15) vào trường nhập màu.
Không. Mọi tính toán đều được thực hiện trong trình duyệt.