• digg
  • google-plus
  • facebook
  • twitter
  • feed
  • delicious

Efec Auto Zoom Image Onmouse Over

Written By Rusman Edi on Saturday, February 1, 2014 | 5:45 PM
Auto zoom image onmouseover,Anda mungkin sudah pernah lihat efec pada gambar di blog lain,Saat di sentuh dengan mouse maka gambar tersebut akan membesar "Auto Zoom" Trik ini sangat mudah di terapkan,Tujuanya hanya sekadar untuk mempercantik tampilan blog anda saja,Jika anda ingin tip seperti ini munkin efec seperti ini sangat di perlukan.

Caranta sebagai berikut :

Login ke akun blogger > Edit HTML > Cari code "</b:skin>" > Jika sudah ketemu Simpan code di bawah ini tepat di atas code </b:skin>

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 0px 0px;
-moz-border-radius: 0px / 0px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
Selanjutnya "Save Template" Anda..


Silahkan Pelajari juga  efec zoom link saat di sentuh mouse pada semua link hisup di blog anda..

Good Luck.! Selamat mencoba..
Advertisement
*Pilih Tab Komentar Yang Di Inginkan->
Comments
0 Comments

Post a Comment

Berikan Komentar Sesuai Dengan Kebijakan Dan Privasi Kami.!