<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2D变形之缩放</title>
<style type="text/css">
div{
width: 386px;
height: 260px;
overflow: hidden;
}
div img{
transition:all 0.4s;
}
div:hover img{
transform: scale(1.1); /*缩放值正常在0-1之间,0.8等于80%,但也可以超过1*/
}
</style>
</head>
<body>
<div>
<img src="img/1.jpg" />
</div>
<!--怎么浏览器解析时后面多了那么多class为mpa--的div???-->
</body>
</html>
慕神8447489
萧十郎
DIEA
相关分类