带渐变的 CSS 背景图像动画循环

Question

我有一个正在开发的网站，现在它有一个带有 ccs 代码的渐变背景，顶部有一个透明背景的云图像。我试图让云向左无限滚动以使其更加突出。有没有办法只添加一些 CSS 代码来做到这一点？这是我的代码

#body { background: #9bd5eb;
background-image: url(../images/bloobg.png); /* fallback */
background-image:url(../images/bloobg.png), -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
background-image: url(../images/bloobg.png), -webkit-linear-gradient(bottom, #9bd5eb, #01aef0); /* Chrome 10+, Saf5.1+ */
background-image:    url(../images/bloobg.png), -moz-linear-gradient(bottom, #9bd5eb, #01aef0); /* FF3.6+ */
background-image:     url(../images/bloobg.png), -ms-linear-gradient(bottom, #9bd5eb, #01aef0); /* IE10 */
background-image:      url(../images/bloobg.png), -o-linear-gradient(bottom, #9bd5eb, #01aef0); /* Opera 11.10+ */
background-image:         url(../images/bloobg.png), linear-gradient(bottom, #9bd5eb, #01aef0); /* W3C */
background-attachment:fixed;
}

`

该网站的链接是 www.bloomooyogurt.com 谢谢!

Answer 1

不，您需要使用 JavaScript。 “无限滚动”动画中有一点需要检测和重置元素的位置。 CSS 做不到这一点。