自動で無限ループする背景

css3で自動で動く背景を作ります。

HTML

CSS

 
animation: bgscroll 10s linear infinite;でアニメーションを設定しています。
1回のアニメーションが20s(20秒)でイージングなしで一定、無限に繰り返します。
今回は縦スクロールですが、横スクロールも可能です。
 
デモページ
 

  • コーダーのための計算機