css 鼠标移上去会变大

时间：2023-03-09 16:53:19
css 鼠标移上去会变大 
<!DOCTYPE html>

<html>

 <head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

   div{

    width: 300px;

    height: 300px;

    border: #000 solid 1px;

    margin: 50px auto;

    overflow: hidden;

   }

   div img{

    cursor: pointer;

    transition: all 0.6s ease-in;

    -webkit-transition: all 0.6s ease-in;

   }

   div img:hover{

    transform: scale(1.4);

   }

  </style>

 </head>

 <body>

  <div>

   <img src="img/focus.png" />

  </div>

 </body>

</html>

相关文章