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

 
SVGで三角の区切りを作るブロック。色のある部分がSVGで下向き三角のセパレーター。

下向き三角セパレーター

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

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


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

Tablet View


separator_005

SP View


separator_005