Tuesday, December 6, 2011

Tutorial : Gambar besar bila cursor sentuh



Credit tutorial :-


contoh gambar :-


bila cursor menyentuh gambar akan membesar kan.. =)


1) Dashboard> Design > Edit Html

2) Tekan Cltr + F serentak dan cari kod:-
<head>
3) Paste code di bawah SELEPAS kod di step (2)
   <style>
    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2); }
    </style>

4) Preview & Save!


okes, siap!!!
selamat Mencuba..





1 comment:

Subscribe to: Post Comments (Atom)

About This Blog