Tự học CSS: Thuộc tính box-shadow

Bài viết tiếp theo trong series Tự học CSS, mình xin chia sẻ với các bạn về thuộc tính box-shadow - Xác định bóng đổ cho thành phần.

1. Cấu trúc khai báo:

.class { box-shadow: giá trị }

#id { box-shadow: giá trị }

keyword { box-shadow: giá trị }

2. Một số giá trị và ý nghĩa:

- box-shadow: 5px 5px (Thuộc tính bắt buộc - định vị trí bóng nằm ngang cho thành phần - có thể là số âm)
- box-shadow: 5px 5px (Thuộc tính bắt buộc - định vị trí bóng nằm dọc cho thành phần - có thể là số âm)
- box-shadow: 5px 5px 5px (Xác định khoảng cách mờ cho bóng đổ)
- box-shadow: 5px 5px 5px 5px (Tăng/giảm độ lan rộng cho bóng đổ)
- box-shadow: 5px 5px #mã_màu (Màu sắc bóng đổ)
- box-shadow: 5px 5px #mã_màu inset (Thay đổi độ sáng dần của bóng đổ từ ngoài vào trong)

Chúc các bạn thành công !