Trình tạo CSS Box Shadow

Tất cả công cụ
Trình tạo CSS Box Shadow
Tạo box-shadow CSS nhiều lớp với thanh trượt trực tiếp cho offset, blur, spread, màu sắc, độ mờ và inset — xem trước trên phần tử thực và sao chép CSS sẵn dùng ngay lập tức.
Xem trước trực tiếp
Xem trước trực tiếp
CSS
box-shadow: —;

Tất cả cập nhật trực tiếp trong trình duyệt — không tải lên, không đăng ký, hoàn toàn miễn phí.

Lớp bóng
px
px
px
px
Màu bóng
20%
Phần tử & canvas
16px
Cài sẵn
Chia sẻ
Công cụ liên quan
Trình tạo chữ ký email

Thiết kế chữ ký email HTML chuyên nghiệp từ 30 mẫu, tuỳ chỉnh và lưu lại.
Định dạng code

Làm đẹp HTML, CSS và JavaScript — thụt lề lại và thêm ngắt dòng để code lộn xộn hoặc đã thu gọn trở nên dễ đọc.
Trình tạo mã QR

Tạo mã QR (URL, văn bản, Wi-Fi, vCard…) dưới dạng PNG.
Biểu tượng sang PNG

Chuyển đổi Bootstrap Icons, Font Awesome và nhiều hơn nữa thành ảnh PNG tùy chỉnh — miễn phí, trong trình duyệt của bạn.
Trình tạo biểu tượng ứng dụng

Tạo bộ biểu tượng ứng dụng hoàn chỉnh, sẵn sàng lên cửa hàng cho App Store và Google Play — nền chuyển sắc, lưới và họa tiết cao cấp, dựng từ logo của bạn.
Trình tạo Favicon

Tạo một gói favicon hoàn chỉnh từ logo, biểu tượng font hoặc chữ lồng — favicon.ico, các PNG hiện đại, biểu tượng Apple touch, biểu tượng PWA, tệp manifest web và đoạn mã HTML.
Tìm kiếm phổ biến
tạo css box shadow box shadow css tạo bóng đổ trực tuyến tạo bóng css box shadow nhiều lớp inset bóng css

Thêm công cụ miễn phí này vào trang web của riêng bạn — sao chép và dán mã bên dưới.