Tạo bóng hộp CSS đẹp dễ dàng
Tạo bóng hộp 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.
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
Công cụ chuyển đổi Stylus sang CSS
Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.
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.
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
Pantone sang HSV
Chuyển đổi màu Pantone sang giá trị HSV để kiểm soát màu sắc chính xác
Trình tạo băm MD5
Tạo hàm băm MD5 nhanh chóng và dễ dàng
Pantone sang CMYK
Chuyển đổi màu Pantone sang giá trị CMYK cho thiết kế in