<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
.fuwuimg {
/*控制图片最终大小,防止放大后图片大小溢出*/
width: 537px;
height: 200px;
float: left;
overflow: hidden;
}
.fuwuimg img {
width: 537px;
height: 200px;
/*延迟效果*/
transition: all .6s;
}
.fuwuimg img:hover{
cursor: pointer;
/*放大的倍数*/
transform: scale(1.05,1.05);
}
</style>
</head>
<body>
<div class="fuwuimg">
<img src="http://static.pcoyx.com/skin20191126/images/dsf1.jpg">
</div>
</body>
</html>