» Công Nghệ Thông Tin » Chinh Phục Forumtion » Các Code Hay » Hiệu Ung Avatar xoay tròn


You are not connected. Please login or register

Hiệu Ung Avatar xoay tròn

Go down  Message [Page 1 of 1]

1Hiệu Ung Avatar xoay tròn Empty Hiệu Ung Avatar xoay tròn Mon Sep 05, 2011 5:54 am

An Hùng BMT

An Hùng BMT
Admin
Admin

demo: http://www.vandonstar.com/t16685-topic

Tìm trong viewtopic_body:

Code:
Code:
{postrow.displayed.POSTER_AVATAR}

Thay thành:

Code:
Code:
<span class="avatarxt">{postrow.displayed.POSTER_AVATAR}</span>
cho vào CSS
Code:
.avatarxt img {
transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;
transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(-20deg); -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg);
}.avatarxt img:hover {
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);
position:relative;
}

Back to top  Message [Page 1 of 1]

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