CSSで様々な背景パターンを実装できるスタイルシート「pattern.css」 - NxWorld「pattern.css」は、任意の要素に特定のclassを付与するだけで様々な背景パターンを適用することができるスタイルシートです。 チェック・ドット・ライン・ジグザクなど種類も豊富で、CSSなのでサイズ調整やカラー調整も容易にできるようになっています。 イメージは配布サイトの一部をキャプチャしたもので、これらもすべてCSSのみで再現された背景パターンになります。 使用する際は必要なCSSを読み込んで、適用したい要素に.pattern-{type}-{size}のようなルールでclassを付与します。 サイズはsm, md, lg, xlの4種類の中から先述したclassルールの{size}部分に任意のものを指定し、{type}にはどのような背景タイプを使用するかを下記12種類の中から指定します。 Checks .pattern-checks-{size} Grid .pattern-
