出典 : visualhunt.com webサイトの背景には、単色や背景画像などを利用するのが一般的ですが、CSS3のグラデーションを使用すると綺麗なストライプ柄の背景にする事ができます。 画像を使わないで縦・横のストライプなどが表現できるので、より軽量な背景パターンを作成することが可能です。 ストライプの色や太さを少し調整するだけでも、シンプルな背景からポップな感じの背景になるので、華やかな印象のサイトにする事ができます。 このページでは画像を使わず、CSSだけでストライプを表現する方法を紹介していきます。 全部コピペするだけで実装できるので是非お試しください。 (説明などは一番最後に掲載してます) 目次 ストライプの背景一覧 横のストライプ 横のストライプ(パターン2) 縦のストライプ 縦のストライプ(パターン2) 斜めのストライプ 斜めのストライプ(パターン2) ストライプ背景の設
![ストライプの背景を画像を使わずCSSで表現する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef13533a07d31e17dbb89d41ad429486103a3d5e/height=288;version=1;width=512/https%3A%2F%2Fwww.yuu-diaryblog.com%2Fwp-content%2Fuploads%2F2017%2F01%2Fcredit-stripe170125.jpg)