1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <meta charset="utf-8" />
    5.         <meta name="viewport" content="width=device-width, initial-scale=1">
    6.         <title></title>
    7.         <style type="text/css">
    8.             .outer{
    9.                 width: 320px;
    10.                 height: 320px;
    11.                 border: 1px solid black;
    12.                 overflow: hidden;
    13.             }
    14.             .outer img{
    15.                 transition: all 500ms;
    16.             }
    17.             .outer img:hover{
    18.                 transform: scale(1.2);
    19.             }
    20.         </style>
    21.     </head>
    22.     <body>
    23.         <div class="outer">
    24.             <img src="image/1.jpg" >
    25.         </div>
    26.     </body>
    27. </html>