UTILS.
Riêng tư ngay từ đầu
⬛

Trình tạo CSS Box Shadow

Thiết kế box-shadow trực quan với xem trước trực tiếp và sao chép CSS.

Tệp luôn ở trên thiết bị này

Tệp được xử lý trong trình duyệt, không bao giờ tải lên máy chủ. Trang web tải mã và tài nguyên cần thiết để chạy công cụ. Không tài khoản hay theo dõi.

Dùng Tải xuống để lưu công cụ thành một tệp HTML dùng ngoại tuyến.

Quyền riêng tư →

Về công cụ này

Tạo box-shadow CSS một cách trực quan bằng cách kéo thanh trượt điều chỉnh offset, độ mờ, spread, màu sắc và độ trong suốt, rồi sao chép quy tắc đã sẵn sàng dùng. Mọi thứ cập nhật trực tiếp và chạy hoàn toàn trong trình duyệt của bạn.

Câu hỏi thường gặp

Giá trị spread có tác dụng gì?
Spread làm bóng lớn lên (giá trị dương) hoặc thu nhỏ lại (giá trị âm) trước khi áp dụng độ mờ, khiến bóng to hơn hoặc gọn hơn so với phần tử.
Bóng inset là gì?
Inset vẽ bóng vào bên trong phần tử thay vì bên ngoài, rất tiện cho nút nhấn lõm hoặc hiệu ứng phát sáng bên trong.

Công cụ khác