CSSの背景イメージグラデーションを使用したアニメーションループ

Question

私は現在作業中のウェブサイトを持っており、現在はccsコードのグラデーションbgを持ち、透明な背景の上に雲のイメージがあります。私はもう少し目立つように、雲を無限に残すようにしています。いくつかのCSSコードを追加するだけでそれを行う方法はありますか？ HERESに私のコードのウェブサイトへ

#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はそれを行うことはできません。