Cara membuat efek Gambar menjadi Besar "Image Hover"

Klik Blogger - Cara membuat efek Gambar menjadi Besar "Image Hover"

Tutorial Blogger, Image hover adalah Efek yang bisa membuat gambar bisa menjadi lebih besar apa bila di dekati oleh mouse /cursor.Cara membuat nya :

• login ke blogger
• pilih rancangan
• masuk ke edit HTML 
• Centang   Expand Template Widget  
• Cari kode ( bantuan F3)   ]]></b:skin> terus pastekan kode script di bawah ini tepat di atas nya

ImgD{
float:left;}.rad10R{float:right;}
.rad10C,.rad10C0{
float:none;display:block;margin:0 auto;
}
.ImgD:hover {
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-moz-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-webkit-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-o-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-moz-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-webkit-transform:scale(1.4) translate(40px,40px) rotate(0deg);
background:#555;-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-out;
-webkit-transition: all 1.2s ease-in;
}

• jangan Lupa Save  dan Selamat Mencoba
• Kembali Ke Rancangan dan  Tambah HTML/java Script pada halaman sesukamu
• kemudian Save Kode di Bawah ini :

<img class="ImgD" height="162" id="#" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGb0Qy2GPvcYPrUt_obFY3NPndsWS2uAT2TlmhXfKWKMp7FXsgYYbE_hSLYwTXhjTxJVD8xjfHwx1T_5eNqHbHZ7UakrccZ9v8OcGZt_BLcNm8f-EnvE-AXAFo-bVY5EgDJtkxBSYDdZTN/s320/Budaya+tato+atau++Titi+terlama+di+dunia.jpg" style="height: 162px; width: 200px;" width="200" />

ganti teks berwarna biru dengan url gambar kamu......contoh hasil image hover :

Thanks for reading & sharing KUMPULAN ILMU DAN CERITA