css3 scale的用法例子

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{
			margin:0;
			padding:0;
		}
        .icon-img{
        	display: block;
        	margin-top: 5px;
        	width: 140px;
        	height: 140px;
        	margin: 9px auto 0;
        	position: relative;
        }
		.icon-img img{
			  display:block;
              position: relative;
              z-index: 1;
              width: 95%;
              top: 50%;
              left: 50%;
              top: 0\9;
              left: 0\9;
              top: 50%\9\0;
              left: 50%\9\0;
              -moz-transform: translate(-50%,-50%);
              -ms-transform: translate(-50%,-50%);
              -o-transform: translate(-50%,-50%);
              -webkit-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
              -moz-transition: width .3s;
              -ms-transition: width .3s;
              -o-transition: width .3s;
              -webkit-transition: width .3s;
              transition: width .3s;
		}
		.icon-img:hover  img {
			width:105%!important
		}

	</style>
</head>
<body>
	<div class="icon-img">
		<img alt="" src="http://img.alicdn.com/bao/uploaded/TB1l3QFLpXXXXaoXVXXSutbFXXX.jpg">
	</div>
</body>
</html>