[Chia sẻ] Hiệu ứng avatar xoay kiểu khá mới

[Kid Knight]

First topic message reminder :

vào vấn đề luôn: \

demo: http://k3-love.yourme.net/t1-topic

css:

Code:

.avakeo img:hover {
box-shadow: 0px 0px 10px #B0E0E6;
-moz-box-shadow: 0px 0px 10px #B0E0E6
-webkit-box-shadow: 0px 0px 10px #B0E0E6;
padding: 7px;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 2s ease;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
position: relative;
border-radius:5px;padding:5px;
}
.avakeo img{
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
padding: 11px;
margin: 4px 4px 0 0;
border: 1px solid #d5d5d5;
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 2s;
-webkit-transition-delay: 2s;
-moz-transition-delay: 1s;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
width: 150px;
height:120px
}

vào viewtopic tìm

Code:

{postrow.displayed.POSTER_AVATAR}

thay thành đoạn

Code:

{postrow.displayed.POSTER_AVATAR}

[kid1412]

giống lionvip đó bạn^^

[Khổng Thiên]

Sao mình không thấy khác gì vậy?

[tuanfcno1]

đã dùng class đâu..bác up sai rầu
Bạn thay

Code:

{postrow.displayed.POSTER_AVATAR}


thành
<div class="avakeo">{postrow.displayed.POSTER_AVATAR}</div> hoặc
<span class="avakeo">{postrow.displayed.POSTER_AVATAR}</span>

[Lowie]

những cái hiệu ứng như này chỉ cần lên mạng search hiệu ứng nào đẹp đẹp về nhét vào css rồi thay class vào là ok

[tuanfcno1]

những cái hiệu ứng như này chỉ cần lên mạng search hiệu ứng nào đẹp đẹp về nhét vào css rồi thay class vào là ok

Đúng đó...mà sao ko dung css3 nhể..em thấy rất hay mà

[Sponsored content]