Selamat Datang di Uchavision Semoga Bermanfaat | Pasang Iklan Baris Gratis

Wednesday, June 18, 2014

Cara Membuat Gambar Membesar Otomatis Ketika Disorot Mouse

Cara Membuat Gambar Membesar Otomatis Ketika Disorot di Blog – waktu ucha walking ke blog sobat blogger nemuin gambar yang otomatis membesar. maka dari itu ucha pengen cari sengkripnya, dan ternyata ada. Sebelum ucha bagi-bagi skripnya ucha akan kasih tahu dulu apa sih gunanya membuat gambar membesar secara otomatis. Ya gunanya adalah apabila ada gambar atau rumus fisika atau kimia yang kecil jadi kelihatan. Yuk langsung simak aja skrip nya dibawah ini.

uchavision


Cara Membuat Gambar Membesar Otomatis Ketika Disorot di Blog
1. Login ke akun blog kamu
2. Masuk ke edit template
3. Pilih edit HTML
4. Tekan ctrl + f lalu cari kode ]]></b:skin>
5. Copy kode di bawah ini lalu letakkan di atas kode ]]></b:skin>
.post-body img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
-webkit-transform: scale(1.3,1.3); }
6. Klik simpan/save
7. Buka blog sobat lalu cek apakah berhasil.
Jika misalnya tidak berhasil, maka coba sobat gunakan script kedua di bawah ini
.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);}
8. Klik simpan dan cek kembali

Info:
angka 1.3 adalah angka perbesaran yang akan terjadi apabila kamu menyorotnya. sobat bisa menggantinya sesuka hati tergantung keinginan.
Demikianlah informasi mengenai Cara Membuat Gambar Membesar Otomatis Ketika Disorot Mouse semoga bisa bermanfaat.

thanks to sumber

Anda Mungkin Menyukai:

0 komentar:

Post a Comment

> Berkomentar yang bijak ya sob.
> No Sara
> Ane berhak menghapus pesan yang gak masuk akal

Cek Resi Kiriman Anda