Membuat effect Zoom Image pada Postingan

Karena banyak yang tanya, bagaimana cara nya membuat Zoom Image pada setiap postingan kyk beginian nie,

 jadi postingan kali ini ane bakal kasih sourcenya . Kebetulan ane juga pke kyk yang begituan, jheheheee karena ini script CSS jadi naronya di CSS y untuk blogspot bisa di Rancangan~Perancang template~Tingkat lanjut~tambahkan CSS  ini untuk yang pke antarmuka blogger lawas, lok yang bru di template~ubahsuaikan~tingkat lanjut~tambahkan CSS

langsung sedot jha kk, salam dari newbie ^_^,,-- :)

.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);

}

 yang berwarna merah, itu ukuran zoom imagenya. bisa diganti sesuai dengan keinginan kk,

Share