css动画控制背景图移动 |用css3画一个箭头

/* 定义背景图 */
body {
background-image: url(background.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* 定义动画 */
@keyframes moveBg {
0% {
background-position: 0 0; /* 背景图不动 */
}
100% {
background-position: 100% 0; /* 背景图向右移动 */
}
}
/* 应用动画 */
body {
animation: moveBg 10s linear infinite; /* 循环播放动画，时长10秒 */
}

以上代码将背景图设置为不重复、自适应、居中，并定义一个名为“moveBg”的动画，将背景图从左到右移动。最后将动画应用于body元素，让背景图动起来。

如果需要控制背景图的移动方向、速度或者停留时长，可以分别调整animation、background-position和keyframes的参数。