pattern.cssはCSSだけで作れる様々な背景パターンを手軽に作れるスタイルシートです ドットや縦線、横線、斜めなどのストライプ、ジグザグなどを作成可能で、色やサイズも手軽に変更できるようになっています 以下、動作サンプルです 動作サンプル テキスト、画像など、様々な要素にclass付与だけで利用できるよう設計されています サンプルでは以前ご紹介したshorthand frameworkを併用しています <link href="https://unpkg.com/pattern.css" rel="stylesheet">CSSを読み込みます <div class="pattern-checks-sm bg-blue red"> <h3 class="pattern-grid-sm bg-mint white text-pattern fw-800 fs-xl3 md-fs-xl4
![様々なタイプのCSS製の背景パターンを作成出来るスタイルシート・「pattern.css」](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd5aed4a2e85116b0bc8b2d18106cca8d3614ac4/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2020%2F04%2Fpattern01.jpg)