Halo sobat, sudah lama ga bikin postingan nih....mungpung lagi semangat saya mau share tentang Cara Membuat Efek Zoom Pada Postingan, sebenernya hal ini sangat lah mudah karena kita tidak perlu ribet memasang code HTML atau JavaScript.
Yang kita butuhkan untuk membuat Efek Zoom Pada Postingan hanya sedikit code CSS dan di letakan di tag sebelum </head> berikut code CSS nya :
.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);
}
Hurup yang berwarna
merah untuk menentukan ukuran gambar ketika cursor menyentuh gambar tersebut, sobat bisa mengatur sendiri sesuai keinginan sobat. Sampai disini sobat yang bisa saya share,
SEMOGA BERHASIL
