Interactive box-shadow builder with multi-layering, real-time Canvas preview, and CSS output.
Bóng hộp thêm chiều sâu cho các thành phần giao diện người dùng bằng cách mô phỏng ánh sáng và độ cao. Bóng được thiết kế tốt sẽ tạo ra hệ thống phân cấp trực quan và làm cho giao diện trở nên xúc giác hơn.
Điều chỉnh độ lệch ngang, độ lệch dọc, độ mờ, độ trải, màu sắc và độ mờ. Bản xem trước Canvas cập nhật theo thời gian thực. Sao chép mã CSS khi hài lòng.
Sự khác biệt giữa mờ và lan rộng là gì? Blur kiểm soát độ mềm mại của cạnh bóng. Spread kiểm soát mức độ mở rộng của bóng.
Tôi nên sử dụng bao nhiêu lớp bóng? Thông thường 1-2 lớp là đủ. Sử dụng bóng bên trong để tạo chiều sâu bên trong.