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>

 

posted @ 2017-08-31 00:04  ThisCall  阅读(4014)  评论(0编辑  收藏  举报