背景图由中点开始放大方法
博客专区 > SubinY 的博客 > 博客详情
背景图由中点开始放大方法
SubinY 发表于11个月前
背景图由中点开始放大方法
  • 发表于 11个月前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

摘要: 背景图放大

<style>
        body {
            background-color: #F2F2F2;
        }

        .zoom {
            width: 300px;
            height: 300px;
            border: 1px solid #CCC;
            margin: 100px auto;
            background-image: url(./images/bg.jpg);
            background-position: center;
            background-size: 100% auto;
            position: relative;
            transition: all 1.5s;
        }

        .zoom:hover {
            background-size: 120% auto;
        }
    </style>
</head>
<body>
    <div class="zoom"></div>
</body>

标签: 背景图放大
共有 人打赏支持
粉丝 6
博文 80
码字总数 54776
×
SubinY
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: