Cara mudah memasang ZOOM image di blog Bag.2
Cukup Copy Code Di bawah ini dan simpan di HTML kamu.
<style type="text/css">
/*Credits: CSS Library */
/*URL: http://blogspotmania.blogspot.com/ */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}
.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
</style>
<ul class="bubblewrap">
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRUAvEonMMfdcrXIHFC8_9ogImeVwQDg3FDG4wFfJWylI7mYtrh07ty0-eEdOlJRthdOJ95ObE1pVHuh9PtnU3s9hJUHylX-RMCZ0QQMbRU29iz-031qMNisRmmOc1_6EU4nQLbicYPWn/f" /></a></li></ul>
Note:
Ganti warna merah jika mau di bikin URl Link kamu #
Ganti code Warna biru dengan Image URL kamu.
Dan Code Ini Cocok nya untuk icon - icon
Jika Jurang Mengerti silahkan hubungi kami.
<style type="text/css">
/*Credits: CSS Library */
/*URL: http://blogspotmania.blogspot.com/ */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}
.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
</style>
<ul class="bubblewrap">
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRUAvEonMMfdcrXIHFC8_9ogImeVwQDg3FDG4wFfJWylI7mYtrh07ty0-eEdOlJRthdOJ95ObE1pVHuh9PtnU3s9hJUHylX-RMCZ0QQMbRU29iz-031qMNisRmmOc1_6EU4nQLbicYPWn/f" /></a></li></ul>
Note:
Ganti warna merah jika mau di bikin URl Link kamu #
Ganti code Warna biru dengan Image URL kamu.
Dan Code Ini Cocok nya untuk icon - icon
Jika Jurang Mengerti silahkan hubungi kami.
0 komentar
Silahkan Berkomentar Dengan sopan :