[Codes] Hiệu ứng avatar xoay có màu

Bim ngồi chán chán nên viết code nì thử.hehe
Ai ngờ lại được.hehe
Mọi người làm như sau:
Bước 1 :
Vào viewtopic_body tìm :

Code:

{postrow.displayed.POSTER_AVATAR}

thay bằng

Code:

 <span class="cubimtq">{postrow.displayed.POSTER_AVATAR}</span>

Bước 2 :
cho đoạn code này vào cuối CSS

Code:

.cubimtq img{
  max-width:100px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;transition:all 0.5s ease;
  background-color: #fff;
   border: 1px solid #a9a9a9;
   display: block;

   padding: 4px;
   position: relative;
   display:inline;
   box-shadow: 0 0 6px #666;

}
  .cubimtq img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);
}


Xong lun.hehe
Demo : [You must be registered and logged in to see this link.]