CSSだけで複雑な背景画像を作ってみた - Qiita

CSSで作成した背景 これらのパターン模様をCSSのみで作成しました linear-gradient と radial-gradient と repeating-linear-gradient CSS3で追加された線形グラデーション linear-gradient と円形グラデーション radial-gradient を使用すれば、さまざまなパターンを表現することが可能です。 これに background-size プロパティを組み合わせれば、CSSだけで背景画像を作成することができます。 CSS3をサポートするブラウザが増えてきている現在では、ほとんどのパターンがCSSだけで作成可能になっています。 また、 repeating-linear-gradient を使用すれば複雑なストライプ模様を簡単に作成できます。 作成方法の例についてはこちらに書きました。 CSSだけで複雑な背景画像を作