Cara Membuat Efek Gambar Membesar Ketika di Sorot Mouse

Oke kali ini saya akan membuat efek gambar membesar ketika disorot mouse. Apa itu? Gini nih, jadi, gambar pada blog sobat khususnya gambar pada bagian postingan akan berubah menjadi besar ketika ada mouse lewat diatasnya.

penarasan ya ? langsung aja ke TKP ayo bro

Cara membuatnya seperti ini :

Untuk membuat efek gambar membesar ketika disorot mouse, pertama login dulu ke akun blogger milik sobat.
Terus klik menu Rancangan » Edit HTML.
Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
tekan CTRL + F
Kemudian cari kode berikut ]]></b:skin>
Kalau sudah ketemu, letakkan kode berikut tepat 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);}
Simpan template. Lihat perubahannya apakah sudah berubah atau belum.

kalau sudah lihat hasil nya ya

sekian dari posting hari ini semoga bermanfaat bagi kalian :D salam hangat

Anda baru saja membaca artikel yang berkategori dengan judul Cara Membuat Efek Gambar Membesar Ketika di Sorot Mouse. Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya... By : Blog bermanfaat,tips,trick