☆彡Hover Image Like Mine


  Hello & Assalamualaikum! Hari ni saya nak buat satu tuto yg direquest oleh Aisha di C-box blog saya :) Tuto ni boleh digunakan utk semua pengguna blogskin. Dalam dunia blogger ni, banyak betul hover image.. kalau korang nak tgk example, boleh tgk kat sini :-

LIVE PREVIEW HERE

  • Go to Dashboard >> Template 
  • Copy code kat bawah ni & paste sebelum </style>
.choco{margin:0px; padding:3px;background:#ffffff;border:1px solid #ddd;-webkit-transition-duration: 2s;border-top-left-radius: 50px;}
.choco:hover{ cursor:ne-resize;color: transparent;border-bottom-right-radius: 50px;border-top-left-radius: 0px;-webkit-transition: 2s;}
  • Done? Kalau dah Save Template. Korang copy code ni dan boleh masukkan dekat dalam post atau page :)
<img class="choco" src="your image URL" />

Okey, that's all... Babai, hope korang boleh buat tuto ni, kalau sesiapa yg tak paham atau nak request something boleh request kat C-Box saya :) 

Labels: