Menambah Efek Zoom pada Gambar Blog

Posted by New Johny Wuss

Menambah Efek Zoom pada Gambar Blog. Saat cursor mouse diarahkan ke gambar/image/foto, maka image menjadi besar, nge-zoom!

DEMO: Silakan arahkan cursor mouse ke gambar foto si cantik nan ayu banget di bawah ini

Menambah Efek Zoom pada Gambar Blog



KODE 1

.post img:hover {
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}

KODE 2

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}

KODE 3

.post img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

Menambah Efek Zoom pada Gambar Blog khususnya untuk blog foto atau toko online --agar gambar produk bisa dilihat ukuran besar.*

» Thanks for reading: Menambah Efek Zoom pada Gambar Blog
Previous
« Prev Post
CB Blogger
New Johny WussUpdated: October 12, 2015

0 comments:

Post a Comment

Follow & Get Update by Email

CB