Question

我有一个网站即时工作，现在它有一个带有ccs代码的渐变bg，并在顶部有透明背景的云图像。我试图让云无限地向左滚动以使它更突出。有没有办法只添加一些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无法做到这一点。

CSS背景图像动画循环与渐变

1 个答案: