鼠标放上去图片会放大 

<!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>

 

 

 

 

posted @ 2017-08-31 22:43  黑发不知勤学早  阅读(458)  评论(0)  编辑  收藏  举报