CARA MEMBUAT EFEK ZOOM PADA GAMBAR DI POSTINGAN BLOG

EFEK ZOOM PADA GAMBAR

Selamat datang kembali di blog abdulharahap.info.  Postingan terbaru kali ini adalah cara membuat efek zoom pada gambar di postingan blog. Langsung saja kita masuk pada langkah-langkahnya:

1. Log in Blog => Dashboard => Template => Edit HTML

2. Dengan menggunakan keyboard, tekan F3 atau cntrl + F. seterusnya copy codedi bawah ini pada kolom Find dan klik enter.

]]></b:skin>

3. setelah ketemu paste atau salin code di bawah ini di atas code yang di atas tadi.

.post img {
filter:alpha(opacity=60);  /* Internet Explorer */
opacity:0.6;  /* standard CSS3 */
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.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.3);
-webkit-transform: scale(1.3);
}

Setelah itu sebelum di save di pratinjau dulu, kalau sudah tidak ada pesan error pada HTML langsung saja di save. Selamat menikmati