Cara membuat efek zoom pada postingn blog

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

Penulis : Annavieza Comunity ~ Blog informasi

Artikel Cara membuat efek zoom pada postingn blog ini dipublish oleh Annavieza Comunity pada hari Sabtu, 28 Desember 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara membuat efek zoom pada postingn blog
® Related Post
 

0 komentar:

Poskan Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.