图片移上去放大效果 纯css
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<title>作业</title>
<style type="text/css">
#body{width:300px;height: 300px;margin: 0 auto;margin-top: 100px;}
#body img{width:300px;height: 300px;transition:all 0.5s}
#body:hover img{transform: scale(1.5);}
</style>
</head>
<body>
<div id="body">
<img src="img/a.png" alt="" />
</div>
</body>
</html>