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
Size
Color
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
Tạo bố cục Flexbox hoàn hảo
Trực quan, tùy chỉnh và tạo mã flexbox CSS với giao diện kéo và thả trực quan của chúng tôi.
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 SCSS 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 Base64 sang CSV
Chuyển đổi dữ liệu CSV được mã hóa Base64 thành tệp CSV có thể tải xuống ngay lập tức. Hoạt động cục bộ trong trình duyệt của bạn mà không cần tải lên dữ liệu.
Bộ chuyển đổi điện áp
Chuyển đổi điện áp giữa các đơn vị khác nhau một cách chính xác và dễ dàng
Hex sang thập phân
Chuyển đổi số thập lục phân sang số thập phân một cách dễ dàng