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?
Công cụ tạo CSS box-shadow trực tuyến miễn phí với điều khiển offset, blur, spread, màu và inset, hiển thị xem trước bóng trực tiếp và tạo mã CSS box-shadow sẵn sàng sao chép cho mọi phần tử.
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
Tạo CSS Gradient Trình tạo CSS gradient trực quan miễn phí: thiết kế gradient linear, radial và conic, điều chỉnh điểm dừng màu và góc, rồi sao chép mã CSS sẵn dùng cho nền trang web của bạn.
Tạo CSS Border Radius Công cụ tạo CSS border-radius trực tuyến miễn phí với tám điều khiển góc độc lập và thanh trượt, hiển thị xem trước trực tiếp hình bo tròn và tạo mã CSS border-radius sẵn sàng sao chép cho mọi phần tử.
Tạo CSS Flexbox Sân chơi CSS Flexbox trực tuyến miễn phí với trình chỉnh sửa trực quan cho justify-content, align-items, flex-direction và wrap, hiển thị xem trước bố cục trực tiếp và tạo CSS Flexbox sẵn sàng sao chép.
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.