You are not connected. Please login or register

 » Forumotion » Share Code » Css » [Codes] Hiệu ứng avatar xoay có màu

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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

avatar
Admintrator
Admintrator
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.]
Viết by -CuBimtQ - 4allvn



[center]Yahoo Hỗ Trợ [You must be registered and logged in to see this link.]
Chào Mừng Khách viếng thăm đã đến với 4rum
:000001:
Xem lý lịch thành viên http://www.vn-answer.tk
Share this post on: diggdeliciousredditstumbleuponslashdotyahoogooglelive

No Comment.

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết