may88seiji
6/15/2017 - 6:57 AM

擬似要素で三角形 http://doshirouto.wp.xdomain.jp/web/css-web/1571 ツールhttp://apps.eky.hk/css-triangle-generator/ja

擬似要素で三角形 http://doshirouto.wp.xdomain.jp/web/css-web/1571 ツールhttp://apps.eky.hk/css-triangle-generator/ja

sankaku.scss
content_copyfile_download
三角形を設置する要素:before{
position:absolute;
width:0;
height:0;
content:"";
border:任意px solid transparent;
border-底辺の方向-color:三角形の色;
}
hanavi.scss
content_copyfile_download
&::before{
      width:0;
      height:0;
      content:"";
      border:15px solid transparent;
      border-bottom-color:$c_c4;
      margin-top: -25px;
      margin-right: 5px;
      float: right;
    }