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

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

上向き三角のセパレーター

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

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


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

Tablet View


separator_006

SP View


separator_006