Disain Grafis, Tips dan Triks

Gambar di Postingan Blog Berputar Saat Disentuh Mouse



Gambar di Postingan Blog Berputar Saat Disentuh Mouse


Cara Membuat Gambar Berputar Otomatis Saat Disentuh Mouse - bagi anda yang kebetulan melihat blog lain ada gambar berputar ketika mouse diarahkan pada gambar tersebut dan anda ingin memasang gambar berputar di blog anda, caranya sangat mudah. Tampilan blog yang menarik akan membuat pembaca blog merasa senang begitu juga anda pasti senang dengan mempercantik blog agar terlihat keren. Ermawati akan bagikan kode script gambar berputar ketika disentuh mouse, simak cara memasang script gambar berputar saat mouse didekatkan pada gambar dibawah ini.

Cara Membuat Gambar Berputar di Post Blog Ketika Mouse Diarahkan :
1. Login ke Blogger
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F dan cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

.post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.post img:hover{-o-transform:scale(1.5) rotate(360deg) translate(0px);-moz-transform:scale(1.5) rotate(360deg) translate(0px);-webkit-transform:scale(1.5) rotate(360deg) translate(0px);-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}}

Keterangan :
- Angka 1.5 merupakan ukuran gambar ketika mouse diarahkan, silahkan diubah
- Angka 360 merupakan putaran gambar

Demikianlah tutorial blog mengenai cara membuat gambar berputar saat mouse didekatkan. Silahkan baca juga cara membuat link terbuka otomatis saat disentuh mouse, semoga bermanfaat.


Gambar di Postingan Blog Berputar Saat Disentuh Mouse