MEMBUAT EFEK ZOOMER II

Hai pengunjung Maafingue, Kali ini saya akan mempostingkan cara membuat efek zoomer II. Pada postingan sebelumnya Saya pernah menuliskan tentang Pembuatan efek zoomer. Tapi kali ini sedikit Beda dan sedikit  modifikasi, dan sedikit ada perubahan HTML/JAVA SCRITPnya. Efek zoomer II Contohnya liaht pada gambar di bawah ini, Sorot pada gambar

 

Pertama tama
Langsung saja silahkan baca tutorial dibawah iniSeperti Biasa :
1. login ke akun Blogger anda
2. Masuk Ke Rancangan Elemen Laman
3. Kemudian Tambah Gadget
4. Pilih HTML/Javascript
5. Kemudian copy code dibawah ini

<style type="text/css">
#zoomimage div {
height:100px;
width:100px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;}

#zoomimage div:hover {
padding-top:0;
padding-left:0;
padding-top:0;
padding-right:0;
-webkit-transform:scale(3,3);
-moz-transform:scale(3,3);}

#zoomimage img {
border: 3px solid #D8D8D8;
border-style:double;
}
</style>
<center>
<div id="zoomimage">
<div class="hover"><a href="http://www.maafingue.co.tv" target="_blank"><img src="http://i732.photobucket.com/albums/ww323/satriya_photo/Foto-0012.jpg" width="100" height="100"/></a>
</div></div></center>

Ubah tilisan berwarna biru dengan link gambar anda
6. Simpan


HASIL TERGANTUNG DARI JENIS TAMPLATENYA.....!!!!

Posted in: belajar ngeblog