Headlines News :
Home » » Cara membuat efek zoom pada postingn blog

Cara membuat efek zoom pada postingn blog

Written By Azzahida on Saturday, 28 December 2013 | 01:44

Pada kesempatan sore hari ini saya mau memberi tips cara membuat efek zoom pada gambar di ostingan blog,
Anda mungkin bertanya tanya bagaimana cara agar gambar membesar ketika mouse di arahkan pada gambar di seperti  blog saya ini.

caranya sangat sederhana anda tinggal menambahkan kode berikut...
Pertama anda login ke blog anda masing masing
pilih rancangan lalu seperti biasa anda klik template
kemudian anda klik edit HTML, jika sudah maka anda cari kode ]]></b:skin>
Jika sudah ketemu kode tersebut maka anda masukan kode berikut  sebelum kode ]]></b:skin>


.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(2.0);
-o-transform: scale(2.0);
-webkit-transform: scale(2.0); }

Ganti angka 2.0 sesuai selera anda tapi jangan terlalu besar angkanya ya... !
karena nantinya ukuran gambar akan sangat besar jika angkanya terlalu besar




sumber : Cywa Book
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Kids Indonesia - All Rights Reserved
Original Design by Creating Website Modified by Adiknya