box-shadow CSS là gì
**box-shadow** là một thuộc tính CSS thêm bóng vào các phần tử HTML. Đây là một kỹ thuật thiết kế web cần thiết có thể thể hiện chiều sâu và tính chiều của nó chỉ bằng mã CSS mà không cần hình ảnh.
Các thông số box-shadow
**box-shadow** được chỉ định theo thứ tự 'độ lệch-ngang độ lệch-dọc độ mờ độ lan màu'. Độ lệch ngang và dọc xác định vị trí của bóng, độ mờ kiểm soát độ mềm của cạnh, độ lan kiểm soát kích thước của bóng và màu có thể được chỉ định bằng **RGBA** bao gồm độ trong suốt.
inset (Bóng bên trong)
Thêm từ khóa **inset** vẽ bóng bên trong phần tử thay vì bên ngoài. Thích hợp để thể hiện đầu vào biểu mẫu thụt lề hoặc trạng thái nút đã nhấn.
Phân lớp nhiều bóng
Nhiều **box-shadows** có thể được chỉ định bằng cách phân tách bằng dấu phẩy để phân lớp bóng. Thiết kế **Neumorphism** kết hợp bóng sáng và tối để thể hiện kết cấu ba chiều.