[Code] Hiệu ứng xoay Avatar PRO►Wed Nov 21, 2012 10:24 am
PĦąŋ ¯¶¯rüŋģ ¶_ờï
Demo:
Rê chuột vào avatar trong demo và xem:
[You must be registered and logged in to see this link.]
Vào viewtopic body tìm code:
Thay bằng Code:
Thêm Cuối CSS:
thấy hay Like Admin nhé
Rê chuột vào avatar trong demo và xem:
[You must be registered and logged in to see this link.]
Vào viewtopic body tìm code:
- Code:
{postrow.displayed.POSTER_AVATAR}
Thay bằng Code:
- Code:
<div id="Avatar">{postrow.displayed.POSTER_AVATAR}</div>
Thêm Cuối CSS:
- Code:
/* Xoay avata*/
#Avatar {
-webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s;
-o-transition-property: width,height,-o-transform,background,font-size,opacity;
-o-transition-duration: 1s,1s,1s,1s,1s,1s;
-moz-transition-property: width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration: 1s,1s,1s,1s,1s,1s;
transition-property: width,height,transform,background,font-size,opacity;
transition-duration: 1s,1s,1s,1s,1s,1s;
opacity: 0.5;
}
#Avatar:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
/* Xoay avata */
thấy hay Like Admin nhé