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

[Kid Knight]

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}

[úT Lì]

được .rê vào avater nó to hơn à

[Kid Knight]

là sao, k hiểu

[Ocean Sapphire]

cũng vậy thôi, mới mẻ gì âu

[úT Lì]

là sao, k hiểu

rê vào thấy nó to thả ra nó nhỏ lại như chưa rê vào đó

[Kid Knight]

Hiệu ứng khác mà ta

m tham khảo và chế ra cái này từ các Wall của mem

[anhdaodaica1]

hay đó chứ~

[kid1412]

quay được có 1 lần...chả ra giề..
***

[Kid Knight]

Khi rê vào rồi thả ra chờ khoảng 3s mới thấy khác

[kid1412]

giống hiệu ứng của ta cũng thế chỉ khác nó tự động dìa

[HoàngTửNaivip5p]

giống hiệu ứng của ta cũng thế chỉ khác nó tự động dìa

hiệu ứng của bạn??? Ôi pro thế, cho mình xem với
@Gà: ngon đó tks nhiều

[Ocean Sapphire]

giống hiệu ứng của ta cũng thế chỉ khác nó tự động dìa

hiệu ứng của bạn à, ghê thế đấy

[kid1412]

ờ hiệu ứng của ta đấy...........ĐC ********độc quyền cho và ta ê-đít lại đấy

[Ocean Sapphire]

ờ hiệu ứng của ta đấy...........ĐC ********độc quyền cho và ta ê-đít lại đấy

ờ, ta biết mi giỏi rồi, mi làm nó nhích dk 1 mm chờ gì

[pro_qng]

Demo :http://www.hoangtjn.tk/t24-topic
kiểu avatar xoay đó có từ rất lâu rồi bạn nhé

[Kid Knight]

@pro_qng: cho m hỏi cái khung và cái hover nó giống ở chỗ nào, đồng ý là nó có đụng độ 1 vài chỗ

[pro_qng]

<span class="avakeo">

chỉ khác nhau chổ này thôi chả khác chổ nào cả , có thể tùy biến thay = gì cũng được
vd :

<span class="pro_qng">

.pro_qng img:hover {
box-shadow: 0px 0px 10px #666;
-moz-box-shadow: 0px 0px 10px #666;
-webkit-box-shadow: 0px 0px 10px #666;
background-color: #ffffff;
padding: 7px;
transition: all 2s ease;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
position: relative;
}
.pro_qng img{
padding: 1px;
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: 2s;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
width: 150px;
height:120px
}

chỉ việc thay những cái đơn giản thôi bạn à

[Kid Knight]

cậu thật chả khác chỗ nào không

cho xem lại

[pro_qng]

muốn phòng lên phồng xuống đơn giản thôi bạn à , ko có gì khó khăn cả

[Kid Knight]

phồng lên phồng xuống chỉ thêm thuộc tính height và width k dễ là còn gì

P/s: cho nghĩa kỹ cái demo một lần nữa

[pro_qng]

Code:

cùng là 1 view thôi bạn à ,nhưng mình Edit mà ra cả thôi , chứ cái view của bạn coppy nguyên code luôn nên chả giống mình mà thôi


[HoàngTửNaivip5p]

ờ hiệu ứng của ta đấy...........ĐC ********độc quyền cho và ta ê-đít lại đấy

Mình là mình muốn tống khứ bạn đi khỏi thế giới này mãi mãi để bạn đỡ copy code của người khác và nói là mình "êđít"!
@Gà: ở trong code đã có viền avatar là khung răng cưa chưa?? Nếu chưa thì cho luôn vô để mọi người biết code cậu edit với code nguyên bản nó khác nhau ntn ^^

[Kid Knight]

@Htn~: cái khung răng cưa m edit teample

Hình như các bạn chưa để ý nó khác như thế nào

test lại: http://k3-love.yourme.net/t1-topic

m đã làm nỗi

rê chuột vào 3 giây, sau đó thả trỏ chuột ra chờ 3 4 giây........

[Rune]

@Gà: thì nó quay ngược lại lần nữa

[kid1412]

đã ko biết thì thôi....Ta định làm hiệu ứng avatar xoay, làm theo hd, có cái chỗ AVATAR ấy chỉnh theo của thanh level hình người nên ta thay vô xem thế nào? Ai nào ngờ nó khác

[Lowie]

đã ko biết thì thôi....Ta định làm hiệu ứng avatar xoay, làm theo hd, có cái chỗ AVATAR ấy chỉnh theo của thanh level hình người nên ta thay vô xem thế nào? Ai nào ngờ nó khác

Nói thật là mình "xoắn" ku conan này lắm rồi, ai mod thì ban thẳng đi

[anhdaodaica1]

mình hổng thấy có phần "scale" trong đoạn code css này nên phóng to ảnh (cái vụ "phồng" của bạn ý) không được là phải rồi~

hơn nữa~ đây là khu vực chia sẻ~ làm không được như ý nhưng người share cũng có lòng tốt mà~ chê bai họ rồi chửi với người khác trong topic mà họ lập ra liệu có phải là cử chỉ đẹp ko? mấy cậu vào đây để được nhận sự giúp đỡ và hỗ trợ mà ko ngần ngại xoắn thằng nào mà mình thjk là thế nào~

mình nói ai tự hỉu~ mấy cậu khác đừng nhận vơ nhá~ tại hạ xin cáo từ~ *zéoooooooooo~*

[nightWalker]

Thôi...1 topic share mà thành cái chợ ntn...Stop stop stop
Đóng góp thì cmt ở đây, hỏi đáp thì vào box Hỏi đáp, chửi nhau ra ngoài !!!
@gà: Bạn có công đóng góp thì tốt, lần sau cố gắng hơn về hình thức code share và tránh những vấn đề bản quyền nhé
@kid: Mình thấy bạn hơi rối đấy...mình là mình rất bực về n~ cmt của bạn, nếu không cư xử đàng hoàng thì 30% => 0% nhé, và mình sẽ tặng 1 tấm vé không khứ hồi cho bạn đi du lịch
Ai về nhà nấy...Spam hạ cờ!

[kid1412]

http://conanfamily.yourme.net/t841p195-topic#10783 xem thử đê

[Ocean Sapphire]

http://conanfamily.yourme.net/t841p195-topic#10783 xem thử đê

cái đấy là bạn lấy code gắn vô thôi chớ có gì để xem, chẳng lẽ nó nằm trong forum bạn là của bạn.

@mèo: tặng vé lun đi mèo, mọi người ai cũng ủng hộ tặng cho em ấy một vé máy bay hạng nhất đi thẳng ra đảo

[Sponsored content]