img图片拉近效果

源码

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>img图片拉近效果</title>
  <style>
    #box{
      width:60%;
      min-width:1000px;
      min-height:800px;
      margin:0 auto;
      border:1px solid #aaa;
      background-color:#444;
      text-align:center;
      
    }

    img:hover{
      width:723px;
      height:723px;
    }
  </style>
</head>
<body>
  <div id='box'>
    <img src="1.jpg" width='720px' height='720px' />
  </div>
</body>
</html>