Cara Membuat Effect Zoom Gambar Di Blog

|| || , || 2 komentar

Cara membuat autozoom image pada blog sangatlah mudah, gampang, praktis, dan cepat. Pada postingan kali ini TTB akan men-share Cara Membuat Effect Gambar Seperti Di zoom Ketika Di sorot. . .
Contohnya :


Ok langsung saja saya akan berikan caranya :
  1. Login ke Blogger
  2. Pilih menu Tataletaklalupilih edit HTML
  3. CarikodeberikutdenganCtrl+Fmasukkan]]></b:skin>
  4. Lalu paste kode di bawah ini, persis di atas]]></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: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}


Lihat yg warna BIRU,itu adalah ukuran Effect zoom yg akan di tampilkan. silahkan Sobat edit dan sesuaikan dengan selera masing-masing. Setelah Selesai Lalu SAVE. Dan Selesai effect zoom gambar pada postingan sudah kamu bisa nikmati....
Sekian and matur tengkyuu :D
/[ 2 komentar Untuk Artikel Cara Membuat Effect Zoom Gambar Di Blog]\
eko tjahpinther said...

wah sukses,

adji sukmana said...

sukses selalu :)

Post a Comment