ドットグリッド生成ツール
ドットグリッドの密度と見た目を調整し、ローカルで確認してCSSをコピーします。
列・行は2〜40、ドットは1〜8px、間隔は4〜64pxです。
使い方
使い方
- 列・行数、ドットサイズ、間隔を範囲内で選びます。
- ドット色と背景色を設定してプレビューを確認します。
- 生成したCSSをスタイルシートやコンポーネントへコピーします。
CSSだけのドットグリッド
radial-gradientでローカル生成し、大量のDOMや画像ファイルを作りません。
値の範囲
列・行は2〜40、ドットは1〜8px、間隔は4〜64pxに制限します。
ローカルでコピー可能
色、プレビュー、CSSはブラウザー内で処理されます。
よくある質問
あわせて知りたいこと
画像を作りますか？
いいえ。radial-gradientのCSS背景なので軽量で拡大縮小できます。
列と行は何を変えますか？
選択した間隔とドットサイズから、想定する密度を指定します。
色はアップロードされますか？
いいえ。すべてブラウザー内で行います。