separator_003

ダウンロード（会員限定）

ブロックとブロックの間に円弧の区切りで変化を与える

SVGで円弧の区切りを作るブロック。色のある部分がSVGで下向き円弧のセパレーター。
separator_003a：上向き円弧のセパレーター

円弧のセパレーター

separator_003 の上ブロック
色のある部分がSVG
vertical-align:top

separatorとして使うのはこの下のブロックです。

separator_003a

円弧のセパレーター

separator_003a の下ブロック
色のある部分がSVG
vertical-align:bottom

separatorとして使うのはこの上のブロックです。

カスタムタグにSVGのパスを記述しています。
SVGの記述内の変更で色を変更できます。

Tablet View

separator_003

separator_003a

SP View

separator_003

separator_003a