Tutorial : Image hover berpusing-pusing lepastu ghaib



Hari ni zuhri nak buat tutorial hover berpusing-pusing pastu ilang
haritu terbalik ni berpusing lak hahah hebat-hebat .. 

Contoh ea  .. jap ..




cara-carannya sama je macam image terbalik tu

Dashboard ----> Template ----> Edit html

cari kode ]]></b:skin>

n copy code ni paste sebelum code ]]></b:skin>



img{
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

img:hover{
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0)
}


Now faham kan?  korang boleh try tuto ni sekarang ok
n jangan lupa comment entry ni ye :)

senang je ok la bye ...