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     
  • 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="http://2.bp.blogspot.com/-UMEiGgYH3pk/T92sPNPuGXI/AAAAAAAAB0A/nSem-j4LPK0/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 :

Comments
0 Comments

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Contact Form Sebelah Kanan

Labels

 
KLIK BLOGGER © 2011 | Template by Blogger Templates Gallery collaboration with Life2Work