» Công Nghệ Thông Tin » Chinh Phục Forumtion » Các Code Hay » code xoay avtar punbb


You are not connected. Please login or register

code xoay avtar punbb

Go down  Message [Page 1 of 1]

1code xoay avtar punbb Empty code xoay avtar punbb Sat May 26, 2012 7:36 am

An Hùng BMT

An Hùng BMT
Admin
Admin

Vào view topic tìm
Code:
{postrow.displayed.POSTER_AVATAR}
Code:
<div id="Avatar">{postrow.displayed.POSTER_AVATAR}</div>

cuối cùng thêm vào css đoạn sau
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 */

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum