css3背景晃动实现

最新推荐文章于 2023-10-24 11:45:42 发布

1登峰造极

最新推荐文章于 2023-10-24 11:45:42 发布

阅读量1.3k

点赞数

分类专栏： css html 文章标签： css3 css3背景晃动

本文链接：https://blog.csdn.net/qq_33323469/article/details/81206138

版权

html 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

css

16 篇文章 0 订阅

订阅专栏

<html>

    <head>
        <title>aaa</title>
    </head>
    <style>
        .banner {
            background-image: url(img/d-bg.png);
            width: 562px;
            height: 224px;
            margin: 14px auto;
            padding-top: 14px;
            -webkit-animation: lzr 2s linear infinite alternate;
            -moz-animation: lzr 2s linear infinite alternate;
            animation: lzr 2s linear infinite alternate;
        }

        @-webkit-keyframes lzr {
            0% {
                -webkit-transform: scale(1, 1);
            }
            100% {
                -webkit-transform: scale(1.04, 1.04);
            }
        }

        @keyframes lzr {
            0% {
                transform: scale(1, 1);
            }
            100% {
                transform: scale(1.04, 1.04);
            }
        }
    </style>

    <body>
        <div class="banner"></div>
    </body>

</html>

1登峰造极

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
css3背景晃动实现

&lt;html&gt; &lt;head&gt; &lt;title&gt;aaa&lt;/title&gt; &lt;/head&gt; &lt;style&gt; .banner { background-image: url(img/d-bg.png); width: 562px; ...
复制链接

扫一扫