<style>
* {
padding: 0;
margin: 0;
}
.warp {
border: 1px solid red;
margin-top:100px;
overflow: hidden;
display: inline-block;
height:300px;
width:300px;
}
.warp img {
-webkit-transition:all 1.05s linear;
-moz-transition:all 1.05s linear;
transition:all 1.05s linear;
margin:0 auto;
}
.warp img:hover{
transform: scale(1.05);
}
</style>
</head>
<body>
<div class="warp">
<img src="imager/index_wwz019.jpg" alt="">
</div>
</body>
* {
padding: 0;
margin: 0;
}
.warp {
border: 1px solid red;
margin-top:100px;
overflow: hidden;
display: inline-block;
height:300px;
width:300px;
}
.warp img {
-webkit-transition:all 1.05s linear;
-moz-transition:all 1.05s linear;
transition:all 1.05s linear;
margin:0 auto;
}
.warp img:hover{
transform: scale(1.05);
}
</style>
</head>
<body>
<div class="warp">
<img src="imager/index_wwz019.jpg" alt="">
</div>
</body>