鼠标悬浮图片变大

qq_32295383

于 2018-08-01 21:08:21 发布

阅读量1.8k

点赞数

分类专栏： css

本文链接：https://blog.youkuaiyun.com/qq_32295383/article/details/81348236

版权

css 专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <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;
           }
           div img:hover{
               transform: scale(1.5);
           }
       </style>
   </head>
   <body>
       <div>
           <img src="4.jpg" width="300px" height="300px"/>
       </div>
   </body>
</html>