鼠标放上去图片会放大

最新推荐文章于 2022-09-07 15:05:04 发布

weixin_30446197

最新推荐文章于 2022-09-07 15:05:04 发布

阅读量144

点赞数

原文链接：http://www.cnblogs.com/agansj/p/7460895.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div {
            width:300px;
            height: 300px;
            border:1px solid #000;
            margin:50px auto;
            overflow:hidden;

        }
        div img {
            cursor:pointer;
            transition:all .6s;
        }
       
       div img:hover {
           transform:scale(1.4);
       }

       
    </style>
</head>
<body>
    <div>
        <img src="bingbing.jpg" alt="">
    </div>
</body>
</html>