关闭

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

标签: 鼠标经过图片放大不超过div
129人阅读 评论(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>

美女

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:227500次
    • 积分:3910
    • 等级:
    • 排名:第9120名
    • 原创:140篇
    • 转载:77篇
    • 译文:0篇
    • 评论:41条
    心境
    • n年后的事情会是什么样子
    • 谁知道呢
    • 做好现在吧
    • 每天能进步一点
    • 你就应该满足了
    博客专栏