SVG波ジェネレーター

SVG波ジェネレーター: 用途

高さ、波の数、ばらつき、半透明のレイヤー数を調整し、色とスタイル（なめらか、とがった、階段状）を選び、ワンタップでバリエーションを生成します。反転オプションで波を上向きにできます。

SVGは幅1440pxのviewBoxとpreserveAspectRatio=noneで出力され、画面の幅に合わせて伸びます。ファイルをダウンロードするか、コードをコピーしてください。

使い方

1. 高さ、波、ばらつき、レイヤーを調整します。
2. 色とスタイルを選び、気に入るまで別の波を生成します。
3. SVGをダウンロードまたはコピーして、セクションの間に貼り付けます。

使うタイミング

• ランディングページのセクションの区切り。
• モダンな見た目のヘッダーとフッター。
• バナーやヘッダーの背景。

よくある質問

サイトで波をどう使いますか？

SVGを2つのセクションの間、一方の終わりのすぐ後で、もう一方の前に貼り付けます。波には下のセクションの色、背景には上のセクションの色を使うか、反転オプションで逆にします。

スマートフォンでも綺麗に見えますか？

はい。SVGはpreserveAspectRatio=noneと幅100%を使うため、CSSで指定した高さを保ったまま、画面の幅に合わせて伸びます。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール