background-position：使背景图片呈现，动画效果

最新推荐文章于 2024-08-24 22:24:29 发布

逆风优雅

最新推荐文章于 2024-08-24 22:24:29 发布

阅读量456

点赞数 1

分类专栏： CSS 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_44603011/article/details/126608622

版权

CSS 专栏收录该内容

48 篇文章 1 订阅

订阅专栏

实现的效果：

实现的代码：

<style>
    .bag{
        width: 370px;
        height: 600px;
        background: url('./Group_1486.png') center repeat pink;
        animation: auto 1s linear infinite;
    }
    @keyframes auto{
        0%{
            background-position-y:500px;
        }
        100%{
            background-position-y:-500px;
        }
    }
</style>
<body>
    <div class="bag">5656</div>
</body>