提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

css 鼠标移上去会变大

CSS 鼠标
2023-09-11 14:17:23 时间 
<!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>

 

相关文章