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
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.
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 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.
Chuyển đổi JSON sang XLSX một cách dễ dàng
Chuyển đổi dữ liệu JSON của bạn sang định dạng Excel (XLSX) chỉ bằng một cú nhấp chuột. Nhanh chóng, an toàn và hoàn toàn dựa trên trình duyệt.
Trình thu nhỏ JavaScript
Nén và tối ưu hóa mã JavaScript của bạn với tính năng thu nhỏ cấp độ chuyên nghiệp. Giảm kích thước tệp, cải thiện thời gian tải và nâng cao hiệu suất cho các ứng dụng web của bạn.
Trình tạo băm MD2
Tạo hàm băm MD2 nhanh chóng và dễ dàng với công cụ trực tuyến này. Kết quả an toàn, đáng tin cậy và tức thì.