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

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>

美女

阅读更多

扫码向博主提问

球球之家

非学,无以致疑;非问,无以广识
  • 擅长领域:
  • java
  • 运维
  • 容器
  • 大数据
  • 架构
去开通我的Chat快问
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wm5920/article/details/77188721
个人分类: 前端开发
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭