Tutorial : Image hover terbalik balik ..

dah lama xiao tak updated blog kan ? maklumlah sekolah .. Hari ni zuhri nak wat tuto baru ni  apa dia ? haha image hover .. hover cam ne ? nak tau ? korang cer hover or sentuh  gamba ni

nampak tak ? nak hover cam tu ? senang je


Mula mula dashboard ----> layouts ---> templates -----> edit html ----> proceed 
dan  ctrl + f serentak cari kode ni    }]]></b:skin>

dah jumpe ? pastu

copy code ni paste atas kode yang korang cari tadi  

img{-webkit-transform: perspective(400px) rotateX(0deg);-moz-transform:perspective(400px) rotateX(0deg);-o-transform:perspective(400px) rotateX(0deg) ;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}img:hover{-webkit-transform: perspective(400px) rotateX(360deg) ;-moz-transform: perspective(400px) rotateX(360deg) ;-o-transform: perspective(400px) rotateX(360deg);} 

jadi x cer preview dulu .. kalau jadi

save la ok .. :) bye