February 28, 2013

Cara Memperbesar Gambar Saat Disorot Mouse

Sob, kali ini saya ga mau basa basi langsung aja pada topik pembahasan...

Hehehehe...

Ya, kita langsung saja sob, kali ini saya mau share cara memberi efek zoom in pada gambar di postingan blog saat gambar tersebut disorot oleh mouse. Nah kalo mau coba, ya sorot aja gambar-gambar yang ada pada artikel ini, udah tau kan sekarang yang saya maksud?? hehehe...

Ok langsung aja sob:

1. Login dulu ke blogger yah...



2. Masuk ke Template - Edit HTML



3. Cari kode <head> dan taruh kode berikut tepat dibawahnya.

<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
</style>

4. Simpan template.
5. Enjoy...

Gimana so simple kan sob??ya iyalah kan tinggal copas aja kok repot,hehehehe....

Semoga bermanfaat...

15 comments