CSS水玉パターン生成ツール
水玉模様のCSSコードを自動生成します。色とサイズ、間隔・ぼかし具合から2種類のパターンを生成できます。
ベース色 (#06c0cc)
水玉色 (#e8f9fa)
大きさ (43%)
間隔 (18%)
ぼかし (1.5)
種類
パターン1パターン2解説
背景色と水玉色、間隔・大きさ・ぼかしからCSSコードをリアルタイムに生成します。
設定項目
ベース色 | 基本となる背景色を指定します。 |
---|---|
水玉色 | 水玉の色を指定します。 |
大きさ | 水玉の大きさを指定します。 |
間隔 | 水玉同士の間隔を指定します。 |
ぼかし | 水玉のぼかしを指定します。微量値を設定することでジャギーが軽減できます。 |
パターン | 2種類の水玉配置パターンを選択できます。 |