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>
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
0 komentar:
Post a Comment