Cara mudah memasang ZOOM image di blog Bag.2

Tidak ada komentar
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="http://lh4.ggpht.com/_luh1hI96mU0/TC7H5u1_CEI/AAAAAAAAAxU/3Hw7fnBHMOI/WIRE.gif" /></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.

Tidak ada komentar :

Posting Komentar

CHAT ON TV
CHAT NOW TV ONE


» Please download Adobe Flash Player « before watching the streaming