ストライプパターンメーカー
軽量なストライプ背景を調整してローカルで確認し、生成した CSS をコピーまたはダウンロードします。
ライブプレビュー
幅と間隔は 1〜96px、角度は 0〜180° に制限されます。
使い方
使い方
- 前景色と背景色を選び、ストライプの方向を決めます。
- 範囲内で幅、間隔、角度を調整します。
- CSS をコピーするか、小さなスタイルシートとしてダウンロードします。
CSS だけのストライプ背景
ブラウザー内で repeating-linear-gradient を使って生成します。画像、canvas、アップロード、外部通信、依存関係は不要です。
値の範囲
幅と間隔は 1〜96px、角度は 0〜180° に制限されます。
よくある質問
あわせて知りたいこと
どの要素にも使えますか？
はい。background 宣言を要素や CSS クラスに貼り付けて使えます。
色はアップロードされますか？
いいえ。すべてブラウザー内で行います。
方向で角度が変わるのはなぜですか？
水平と垂直は 0° または 90° を使い、斜め方向は選択した角度を使います。