首页 > 代码库 > 图片划过,放大
图片划过,放大
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
/*图片放大*/
.item-img {
height: 220px;
transition: all 0.6s ease 0s;
width: 280px;
}
.item-img:hover{
transform: scale(1.1);
}
</style>
</head>
<body>
<!--图片放大-->
<a href="javascript:;" style="width:220px;height:220px;display: block;margin: 20px auto;overflow: hidden;">
<img class="item-img" data-original="//img12.360buyimg.com/cf/jfs/t3652/152/960435418/31060/323b574/581845f5N1b3dd7f3.jpg" src="http://img12.360buyimg.com/cf/jfs/t3652/152/960435418/31060/323b574/581845f5N1b3dd7f3.jpg" style="display: block;margin:20px auto;">
</a>
</body>
</html>
图片划过,放大