サイトを制作する際にちょっとしたワンポイントとして、ボックスやボタンの背景にパターンを使いたい場面があるかと思います。 そんな時、わざわざフォトショやイラレで画像を作るのは結構面倒ですよね。 そこで今回はCSSをコピペするだけで使える51種類以上の背景パターンをご紹介します。 種類豊富で色々なシーンで使いどころがあるかと思いますので、気に入った背景があればぜひお気に入りに登録しておきましょう! ギンガムチェック風CSS背景パターンSee the Pen texture by Miriam (@karaWhiteDragon) on CodePen. 28種類のグラデーションストライプCSS背景パターンSee the Pen Cards with simple stripe backgrounds by Ana Tudor (@thebabydino) on CodePen. ハーフトーンC
![CSSで表現する背景パターン51種+【コピペで簡単!/アニメーション有】](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e47f11e8ee15f6e4b2a83d0550c33555603f83f/height=288;version=1;width=512/https%3A%2F%2Fwebdesignfacts.net%2Fwp-content%2Fuploads%2F2020%2F02%2Fweb-1-1-1-1.jpg)