CSSのグラデーションはよく見る単純なグラデーションを作るだけでなく、記述の仕方によって様々な見栄えをつくることができます。 画像で切り出してしまった方が圧倒的に早く実装できるような場合も正直ありますし、古いIEをサポートするために使えなかったりもしましたが、最近では旧ブラウザをサポート対象外にすることも多くなってきて今後ますますレスポンシブやRetinaディスプレイなどを考慮して使う機会が増えるように思うので、利用する機会が多いと思う背景パターンをCSSのグラデーションを使っていくつか作ってみました。 ここでの表示は全てイメージになるので、実際の表示は以下デモページをご覧ください。
![CSSグラデーションで作った背景パターンのサンプル - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/1cde6479474023291c57782d37ce3b94ef389685/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fcss-gradient-pattern.png)