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 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 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.
Chuyển đổi JSON sang TSV một cách dễ dàng
Chuyển đổi dữ liệu JSON của bạn sang định dạng Giá trị được phân tách theo tab (TSV) 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.
Nhị phân thành văn bản
Chuyển đổi mã nhị phân sang văn bản tiếng Anh một cách dễ dàng
Chuyển đổi JSON sang các lớp Java
Tạo các lớp Java từ dữ liệu JSON với các chú thích và getter/setter thích hợp. Nhanh chóng, an toàn và hoàn toàn dựa trên trình duyệt.