このツールについて
ストライプ、市松模様、ドット、グリッドの繰り返し背景パターンを、2色とサイズからグラデーションのみで作成し、CSS をコピーできます。プレビューはブラウザ内でリアルタイムに更新されます。
よくある質問
これらのパターンは画像なしでどのように作られていますか？
background-size を組み合わせた CSS の線形・放射グラデーションを使用し、ブラウザがそれをタイル状に並べて繰り返しパターンを描画します。
高精細スクリーンでもパターンは拡大されますか？
はい。グラデーションはベクターベースなので、どんな解像度やズームレベルでもパターンは鮮明なままです。