Cara Menciptakan Efek Gambar Membesar Saat Disorot Mouse

ehhhmm,,
sedikit tips nie agar gambar membesar dikala disorot mouse, ini juga baca-caca dari hasil blogging ....

Cara membuatnya menyerupai ini :

1. Untuk menciptakan efek gambar membesar dikala disorot mouse, pertama login dulu ke akun blogger milik sobat.
2. Terus klik menu Rancangan » Edit HTML.
3. Download dulu template teman agar kondusif dan agar kalau terjadi error ada cadangan templatenya.
4. Kemudian cari instruksi berikut ]]></b:skin>
5. Kalau sudah ketemu, letakkan instruksi di bawah ini sempurna di atasnya.
   .post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
   .post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
6. Simpan template. Lihat perubahannya apakah sudah berubah atau belum.

Sampai di sini cara menciptakan efek gambar membesar dikala disorot mouse sudah selesai, jikalau kurang terang atau ada kesalahan, hubungi saya. Sekian semoga bermanfaat.

Keterangan : 1.2 di ganti ke angka lebih besar untuk hasil yang lebih besar.

Berbagi :