SVG波形区切りジェネレーター

波を重ねて、セクションの境目をつくる

各レイヤーの端点・カーブ・色を別々に調整できます。プレビュー上の点をドラッグするか、数値スライダーで形を整えてください。

設定内容はブラウザ内だけで処理します

波形区切りの編集

プリセット
前のセクション
次のセクション ここから次のコンテンツ

丸い点をドラッグすると、選択中の波を直接調整できます。

選択中のレイヤー

波 1

生成コード

HTMLにSVGを置き、CSSで高さと上下反転を制御する構成です。

サイト内検索