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

带有渐变的CSS背景图像动画循环,css,Css,我有一个网站即时通讯工作,现在它有一个梯度与ccs代码背景,并有一个透明的背景顶部云图像。我试着让云彩向内滚动,让它更加突出。有没有办法只添加一些CSS代码就可以做到这一点?这是我的密码 #body { background: #9bd5eb; background-image: url(../images/bloobg.png); /* fallback */ background-image:url(../images/bloobg.png), -webkit-gradient(linear

我有一个网站即时通讯工作,现在它有一个梯度与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.bloomoo酸奶网谢谢

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

你能给我推荐一种方法吗?我使用的是Joomla 1.5和弱代码:[你可以尝试CSS转换。尝试类似“body:hover{background position:-30px;}”和
body{transition:1s background position ease;}
@zeta这基本上会在云层上悬停吗?