separator_002

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

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

SVGで斜線の区切りを作るブロック。色のある部分がSVGで右上がりのセパレーター。
separator_001a：左上がりのセパレーター

右上がりの斜めセパレーター

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

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

separator_002a

左上がりの斜めセパレーター

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

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

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

Tablet View

separator_002

separator_002a

SP View

separator_002

separator_002a