•   HTML/CSS

【HTML/CSS】clip-path で三角形を作る方法

上向き ▲
clip-path: polygon(50% 0, 100% 100%, 0 100%);

右向き ▶︎
clip-path: polygon(0 0, 100% 50%, 0 100%);

下向き ▼
clip-path: polygon(0 0, 100% 0, 50% 100%);

左向き ◀︎
clip-path: polygon(0 50%, 100% 0, 100% 100%);