Memodifikasi Gambar Dengan Efek Zoom - Setelah Kemarin Saya Share
MEMBUAT KOTAK MELAYANG DENGAN JQUERY Kali ini saya akan share bagaimana membuat
Gambar Di Blog Anda Menjadi Zoom Zoom ini berfungsi bagi pengunjung blog anda
Ketika gambar dari contoh Ilustrasi atau gambar yang anda sajikan dapat Teratasi dengan efek
Ini selain itu cara membuat efek ini sangat mudah simple dan tidak membuat blog anda berat sekalipun
Tutorial Pembuatan :
1. Masuk Ke Blog Anda
2. Masuk ke Bagian HMTL
3. Cari Kode ]]></b:skin>
4. Sekarang Letakan Kode Dibawah Ini Diatas Kode Tersebut
.post img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
*Note :
Sesuaikan Ukuran Gambar Atau Tinggi Gambar Dengan Ukuran Gambar Di Blog Anda
Posts
