Красивый эффект увеличения картинок с помощью CSS

<style type="text/css">

/* Art-Color Studio */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 55px;
height: 60px;  
border:0;
margin-right: 12px;  
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;  
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8);  
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

</style>

<ul class="bubblewrap">
<li><a href="#"><img src="media/stumbleupon.png" title="Add to Stumbleupon" /></a></li>
<li><a href="#"><img src="media/facebook.png" title="Add to Facebook" /></a></li>
<li><a href="#"><img src="media/digg.png" title="Add to Digg" /></a></li>
<li><a href="#"><img src="media/twitter.png" title="Add to Twitter" /></a></li>
<li><a href="#"><img src="media/rss.png" title="Add RSS Feed" /></a></li>
</ul>