css背景图可以滑动 |css qtreeview 滚动条颜色

/* 首先设置样式 */
.slide-image {
background: url('image1.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
animation: slide 20s linear infinite;
}
/* 定义动画 */
@keyframes slide {
0% {
background-image: url('image1.jpg');
}
25% {
background-image: url('image2.jpg');
}
50% {
background-image: url('image3.jpg');
}
75% {
background-image: url('image4.jpg');
}
100% {
background-image: url('image1.jpg');
}
}

以上代码中，大家给背景设置了一个URL，并使用了cover防止背景图拉伸变形。接着使用了动画，通过不同的百分比设置不同的图片URL，让背景图在不同的时间段内滑动。

需要注意的是，在使用背景图滑动时，图片的大小应该尽可能的小，以便更好的提高网站的加载速度。

希望这篇文章对您使用CSS背景图滑动有所帮助。