Preview
Bóng hộp
Tùy chỉnh tôi
Đầu ra CSS
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Điều khiển bóng tối
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Bóng mềm
Bóng trung bình
Bóng nặng
Bóng bên trong
Đường chéo sắc nét
Ánh sáng phác thảo
Bóng đôi
Hiệu ứng nâng
Cách sử dụng
Điều khiển cơ bản
- Điều chỉnhBù ngangđể di chuyển bóng sang trái hoặc phải
- Điều chỉnhBù đắp dọcđể di chuyển bóng lên hoặc xuống
- TăngBán kính làm mờđể làm cho bóng mềm hơn
- Use Bán kính trải rộngđể tăng hoặc giảm kích thước tổng thể của bóng
- Thay đổiColor and Opacityđể tùy chỉnh giao diện bóng
Các tính năng nâng cao
- Enable Bóng lồngđể tạo hiệu ứng bóng bên trong
- Use Nhiều bóngcho các hiệu ứng phức tạp hơn
- Lưu và tảiPresetsđể truy cập nhanh vào bóng yêu thích của bạn
- Click Bóng tối ngẫu nhiênđể lấy cảm hứng
- Sao chép mã CSS đã tạo và dán vào dự án của bạn
Related Tools
Trình làm đẹp CSS
Định dạng và làm đẹp mã CSS của bạn với độ chính xác chuyên nghiệp
Tạo gradient CSS đẹp dễ dàng
Tạo gradient tuyến tính, xuyên tâm và hình nón tuyệt đẹp với giao diện trực quan của chúng tôi. Sao chép mã CSS và sử dụng nó trong các dự án của bạn ngay lập tức.
Công cụ chuyển đổi ít sang CSS
Chuyển đổi mã Less của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
Máy tính băm SHA3-256
Tạo hàm băm SHA3-256 nhanh chóng và dễ dàng
Bát giác sang Hex
Chuyển đổi số bát phân thành thập lục phân một cách dễ dàng
Văn bản thành nhị phân
Chuyển đổi văn bản sang mã nhị phân một cách dễ dàng