背景のグラデーション

トップページの背景をグラデーションにしてみました。
body {
background-image: url(blue.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
}
おもしろいなと思ったのは、repeat-x。X軸に繰り返すという意味です。
元の素材は細長い短冊のようで、横軸に繰り返すと背景いっぱいグラデーションがかかっているように見えます。
下の方までグラデーションと思うのは錯覚ですね。

もちろんY軸に繰り返すというのもあります。