css3背景晃动实现

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33323469/article/details/81206138
<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>

猜你喜欢

转载自blog.csdn.net/qq_33323469/article/details/81206138
今日推荐