背景图片向左缓慢移动

最新推荐文章于 2021-01-26 20:55:35 发布

沅芯

最新推荐文章于 2021-01-26 20:55:35 发布

阅读量824

点赞数

分类专栏： css动画文章标签： css 动画

本文链接：https://blog.csdn.net/huayuaer/article/details/101539423

版权

css动画专栏收录该内容

1 篇文章 0 订阅

订阅专栏

css代码

@keyframes scroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position:-1020px 0;  //图片的宽度
    }
}
.bgImg{
	/* width:270%; */
	height:100%;
    background:url(../images/bgimg.png) repeat-x;
    background-position: left center;
    animation: scroll 30s linear infinite;
}

html代码

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

图片最好是左右能衔接上的。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沅芯

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
背景图片向左缓慢移动

css代码@keyframes scroll { 0% { background-position: 0 0; } 100% { background-position:-1020px 0; //图片的宽度 }}.bgImg{ /* width:270%; */ height:100%; background:ur...
复制链接

扫一扫