Assalamu'alaikum Warohmatullohi Wabarokatuh

Selamat Datang Di Situs Kami
Bismilahirrahmanirrahim
Tafsir Mimpi atau Arti mimpi ini Sebagian Besar Di ambil dari Kitab Ta'bir Ru'yah Shoghir karya Ulama Besar Syekh Muhammad Bin Sirrin. Disertai Dengan Contoh dan Kisah nyata dari berbagai Sumber Semoga Bisa Bermanfaat. Serta Artikel artikel Islami, Semoga Menambah Hasanah Ke Islaman Kita... Amin
Home » » Cara membuat efek Gambar menjadi Besar "Image Hover"

Cara membuat efek Gambar menjadi Besar "Image Hover"

Posted by KUMPULAN ILMU DAN CERITA on Minggu, 17 Juni 2012

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="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

Previous
« Prev Post

Popular Posts

Labels

Translate

free counters