ドット柄CSSジェネレーター
水玉模様・ドット柄のBackgroundを作成するためのCSSコードを生成します。
水玉のサイズや色、間隔を自由にカスタマイズ可能です。
出力されるCSSコードをコピペで簡単に使えます。
スポンサーリンク
カスタマイズ
プレビュー
CSSコード
.dots {
background-color: #ffffff;
background-image: radial-gradient(circle, #06b6d4 5px, transparent 5px);
background-position: 0 0;
background-size: 30px 30px;
}使用上の注意
- モダンブラウザでの使用を想定しており、IEや古いバージョンのブラウザではサポートされていないCSSプロパティを含む場合があります。
- 当サイトのリセットCSSは「modern-normalize.css」をベースにしています。ご自身のプロジェクトで利用するリセットCSSやその他のCSSによって、プレビューの見た目と差異が生じる場合があります。
スポンサーリンク
