波型区切りメーカー
セクションの境目に置く波型の区切りを、形と色を選んで作ります。保存した画像を Studio にアップロードすれば、Studio のふだんの操作だけで置けます。どの画面幅でも、波の高さは変わりません。形や色を選んで見え方を試すところまでは、登録しなくても使えます(保存には無料の会員登録が必要です)。
形を選ぶ
形と色を整える
見え方
パソコン1280pxタブレット768pxスマホ375px どの画面幅でも、波の帯の高さは 120px のままです。
保存して Studio に置く
SVG の保存には、無料の会員登録が必要です。登録やログインのあとは、今の形と色のままこのページに戻ってきます。
wave-nami-1e3a5f-120px.svg(0.4KB)
Studio での置き方
- 「SVG を保存」で画像を保存します。
- Studio の左にある「アップロード」の一覧に、保存した画像をドラッグします。
- 2つのセクションの間に置きたい場所を選んでから、アップロードした画像をクリックします(画像ボックスができます)。
- 右の「ボックス」で、幅を 100%、高さを 120px にします。背景色に #f5efe6 を入れます(上のセクションの色)。
- タブレット・スマホに切りかえても、高さは変えません(変えると波の高さが変わります)。
- 右の「画像」の「背景サイズ」は「cover」のままにします。
このページの URL に、今の設定が入っています。ブックマークしておくと、あとで色だけ変えて作り直せます。