正文
CSS3实现鼠标经过图片时图片放大
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
在鼠标经过图片时，图片被放大，而且还有个过渡的效果....
<!DOCTYPE html>
<html>
<head>
<link href="css/prodInfo.css" rel="stylesheet" type="text/css">
</head>
<style>
div img{
border:1px soild red;
height: 218px;
width: 222px;
width:100%;
transition: all 0.6s;
}
img :hover{
transform: scale(1.2); /* 放大1.2倍 */
}
</style>
<body>
<div>
<img src="img/prodInfo/lf.jpg"/>
</div>
</body>
</html>
