box-shadow là gì?
Tạo giá trị CSS box-shadow nhiều lớp với xem trước trực tiếp, tùy chọn inset và điều khiển chi tiết.
box-shadow là thuộc tính CSS tạo một hoặc nhiều bóng đổ phía sau (hoặc bên trong) phần tử.
Mỗi bóng đổ gồm độ lệch ngang/dọc, bán kính làm mờ, độ lan tùy chọn và màu có kênh alpha; thêm inset để biến thành bóng trong.
Nhiều lớp được phân tách bằng dấu phẩy, cho phép chồng các bóng nhẹ để tạo chiều sâu, hiệu ứng phát sáng hoặc viền sắc nét.
- Dùng độ lệch nhỏ với blur lớn để tạo cảm giác nổi mềm.
- Dùng độ mờ thấp (opacity cao) và blur nhỏ để viền sắc hơn.
- Kết hợp bóng ngoài và bóng trong để tăng chiều sâu.
- Giới hạn số lớp để có hiệu năng tốt hơn.