鼠标经过图片放大，不超过父块

最新推荐文章于 2021-08-24 14:04:30 发布

球球之家/carver

最新推荐文章于 2021-08-24 14:04:30 发布

阅读量539

点赞数

分类专栏：前端开发文章标签：鼠标经过图片放大不超过div

本文链接：https://blog.csdn.net/wm5920/article/details/77188721

版权

前端开发专栏收录该内容

24 篇文章 0 订阅

订阅专栏

overflow: hidden图片放大超过父块时隐藏

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
    a{
        width: 1400px;
        height: 800px;
        display: block;
        overflow: hidden;
    }
    a:hover img{
         -webkit-transform:scale(1.1,1.1);
         -moz-transform:scale(1.1,1.1);
         -transform:scale(1.1,1.1);
     }
</style>
</head>
<body>
<a href="#" >
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502787322117&di=f8da8baab99e66fbb9d54d32d1008e32&imgtype=0&src=http%3A%2F%2Fh9.86.cc%2Fwalls%2F20151217%2F1440x900_0da1045a55c05e4.jpg"/>                   
</a>
</body>
</html>

球球之家/carver

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标经过图片放大，不超过父块

overflow: hidden图片放大超过父块时隐藏<!DOCTYPE html><html><head><title></title><style type="text/css"> a{ width: 1400px; height: 800px; display: block; overflow: hidden;
复制链接

扫一扫