SHITAJI

波型区切りメーカー

セクションの境目に置く波型の区切りを、形と色を選んで作ります。保存した画像を Studio にアップロードすれば、Studio のふだんの操作だけで置けます。どの画面幅でも、波の高さは変わりません。形や色を選んで見え方を試すところまでは、登録しなくても使えます(保存には無料の会員登録が必要です)。

形を選ぶ

形と色を整える

重ねる波の数
狭い画面での合わせ方
波の色

波の色は画像に入ります。Studio で変えたくなったら、ここで色を変えて作り直してください(今の設定はこのページの URL に入っています)。

背景の色

波の上に見える色です。画像には入らず、Studio の画像ボックスの背景色として入れます。

見え方

パソコン1280px
上のセクション
下のセクション
タブレット768px
スマホ375px

どの画面幅でも、波の帯の高さは 120px のままです。

保存して Studio に置く

SVG の保存には、無料の会員登録が必要です。登録やログインのあとは、今の形と色のままこのページに戻ってきます。

wave-nami-1e3a5f-120px.svg(0.4KB)

Studio での置き方

  1. 「SVG を保存」で画像を保存します。
  2. Studio の左にある「アップロード」の一覧に、保存した画像をドラッグします。
  3. 2つのセクションの間に置きたい場所を選んでから、アップロードした画像をクリックします(画像ボックスができます)。
  4. 右の「ボックス」で、幅を 100%、高さを 120px にします。背景色に #f5efe6 を入れます(上のセクションの色)。
  5. タブレット・スマホに切りかえても、高さは変えません(変えると波の高さが変わります)。
  6. 右の「画像」の「背景サイズ」は「cover」のままにします。

このページの URL に、今の設定が入っています。ブックマークしておくと、あとで色だけ変えて作り直せます。