Thursday, March 14, 2013

Membuat gambar membesar bila disentuh cursor

Gambar ini akan membesar


Disini gue akan bagi tutorial Cara membuat setiap gambar membesar ketika cursor berada digambar tersebut. so check this out guys!!!

1.Dashboard > Template > edit HTML
2.Expand Template Widget dan tick F3 atau CTRL + F bersamaan dan cari kode <head>

kemudian pastekan kode dibawah ini tepat dibawah <head>
<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>


 3. .Tekan pratinjau dan simpan template. Selamat mencoba :)

Credit : loveheaven07

No comments :

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.

Follower

Google+ Followers

Translator

English French German Japanese Korean Chinese Russian Spanish
India Saudi Arabia Netherland Portugal Italian Philippines Ukraina Norwegia
Powered by
Widget translator