I like Adam Laki’s Quick Tip: CSS Triangles because it covers that ubiquitous fact about front-end techniques: there are always many ways to do the same thing. In this case, drawing a triangle can be done:
- with
borderand a collapsed element - with
clip-path: polygon() - with
transform: rotate()andoverflow: hidden - with glyphs like ▼
I’d say that the way I’ve typically done triangles the most over the years is with the border trick, but I think my favorite … Read article “CSS Triangles, Multiple Ways”