[Thắc mắc] hiệu ứng avata xoay tròn

[luonggiabao12c]

bác nào biết cách làm hiệu ứng avata cá nhân xoay tròn hk
lang thang thấy bên này có

Code:

http://teen9b.yourme.net/

Code:

http://www.vandonstar.com/

[gaubon]

ai bjk share với cũng đang cần

[batonchinsu]

Tìm trong viewtopic_body:

Code:

{postrow.displayed.POSTER_AVATAR}

Thay thành:

Code:

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

Thêm 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;
}

(hình như của 9xstudio)

[gaubon]

Tìm trong viewtopic_body:

Code:

{postrow.displayed.POSTER_AVATAR}

Thay thành:

Code:

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

Thêm 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;
}

(hình như của 9xstudio)

tks

[Teeñ]

sao của tớ không được nhỉ...nó chỉ nghiêng avata thôi chứ ko xoay....Ai giúp với
Demo:

Code:

http://socola.123.st/t836-topic

[hian]

cảm ơn bạn batonchinsu nhé!

[Sponsored content]