見出し要素に、::before
と::after
を設定。
border
をtransform: rotate();
で回転させた。
これで一重斜線ができる。三重にするには、見出し要素をさらに2回包み、
包んだそれぞれに::before
と::after
を設定する。
あとは、top
・bottom
・right
・left
で
斜線の位置を調整して、できあがり。
斜線の調整によっては、斜め線だけでなく複雑な図形も作れます。