cara membuat effek zoom pada gambar.
sahabat mungkin sudah sering dan melihat ketika berkunjung pada blog atau web.ketika gambar yang di tunjuk mouse atau crousor maka efek gambar akan membesar.
bila sahabat mau mencobanya silahkan sahabat login terlebih dahulu ke blog sahabat apa sudah login dan lagi utak-atik untuk mempercantik blog sahabat.nah ada baiknya sahabat coba .
untuk memastikan sahabat silahkan klik DISINI dan mouse sahabat tunjukan pada gambar.
lanjut ajja ya sahabat.
ke tample sahabat
ediet html temukan kode <b:skin> dan letakan kode di bawah ini tepat di atasnya kode tersebut.
.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);
}
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);
}
lalu save dan lihat hasilnya sahabat
