Thứ Hai, 25 tháng 2, 2013

Đổ bóng thẻ DIV với CSS3..


  1. 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