Memberi Efek Hover Pada Gambar Header

Posted by : Unknown Jumat, 22 November 2013

Mickeymaru Kali Ini Akan Share Cara Memberi Efek Hover Pada Gambar Header. Untuk Demonya Silahkan Klik Demo di Bawah Ini, Lalu Coba Kamu Sorot Gambar Yang Ada di Header.

Demo

Berikut Tutorialnya...

Login Ke Blogger
Pilih Menu Template >> Edit HTML >> Lanjutkan
Cari Kode ]]></b:skin> Lalu Letakkan Code di Bawah Ini Tepat Diatasnya...

a.HackerArifinhover img { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;margin-top:5px;margin-left:230px; position:absolute; }
a.HackerArifinhover:hover img{ margin-left: 175px; padding-left: 0px; }

Sesuaikan Letak Gambar Kalian Dengan Mengedit Marginnya
Lalu Copy Code di Bawah Ini Dan Pastekan Tepat Dibawah Code </head>

<a class='HackerArifinhover'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKOt1LfOXHPANbQYr3C_FeotpDY0nVQroOvxjyzViWaLOM14wCpM88p_-4saJom2G6nEpnggG-2K0r5Tjy5N0arwpN9-cI1yvqSKKWQIT3fK-mAXHNC7btWYcLeNvNyePAe5BvijygEmAa/s1600/adada.png'/></a>