- Ví dụ:
Chúng ta thực hiện việc đổ bóng về phía phải – dưới:
box-shadow: 5px 5px 5px
#666;
-moz-box-shadow: 5px 5px 5px#666;
-webkit-box-shadow: 5px 5px 5px#666;
- Đối số 1: Qui định đổ bóng theo chiều ngang (đơn vị px).
- Đối số 2: Qui định đổ bóng theo chiều dọc (đơn vị px).
- Đối số 3: Độ rộng của bóng đổ (đơn vị px).
- Đối số 4: Màu của bóng đổ.

Bóng đổ về phía trên – trái: Chỉ cần thực hiện với dấu (-) ở trước là dc kết quả mong muốn:
box-shadow: -5px -5px 5px
#666;
-moz-box-shadow: -5px -5px 5px
#666;
-webkit-box-shadow: -5px -5px 5px
#666;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);
-moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 10);
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);
Không có nhận xét nào:
Đăng nhận xét