Hiệu ứng khi chỏ chuột vào Banner

Cũng lâu rồi không vào s4u hôm nay vào share cho ace hàng K2 mới làm được ạ.
Các này tuy không hay lắm nhưng ai thích thì thank em cái haz.

Demo: [You must be registered and logged in to see this link.] (chỉ vào banner thử coi )
Ảnh nè:
Trước khi chỉ vào banner: (bình thường)


sau khi chỉ vào banner: (banner nghiêng)


Bắt tay vào làm nhé.
vào overall_header tìm đoạn chứa banner và thay bằng code sau:

Code:

    <!-- logo -->
    <a name="top"></a>
   
    <div align="center">
      <div style="width:970px; height:280px">
   
       
   
   
            <div class="logovds"><a href="{U_INDEX}"><img
    src="{LOGO}" alt="Diễn Đàn Trái Tim Hưng Yên"></a></div>
    <div
    align="center"> <div class="page" style="width:100%;
    text-align:left"> <div style="padding:0px 0px 0px 0px"
    align="left">
              </object>
      </div>
   
      <div style="clear:both"></div>
   
    <!-- /logo -->

chú ý: {LOGO} trong đoạn code trên là link dẫn đến ảnh banner trong
phần Pictures and Colors ->Pics management->Forum main logo các
bác có thể thay {LOGO} bằng Link ảnh banner trược tiếp.

Thêm vào Css:

Code:

    .logovds {
    transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
    position:relative;
    float:left;
    transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
    left:0px;
    top:0px;
    }
    .logovds:hover {
    transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg);
    left:40px;
    top:-10px;
    }

Hết ạ