Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
March 5, 2019 12:35 am GMT

CSS Triangles, Multiple Ways

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 border and a collapsed element
  • with clip-path: polygon()
  • with transform: rotate() and overflow: 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

The post CSS Triangles, Multiple Ways appeared first on CSS-Tricks.


Original Link: https://pineco.de/quick-tip-css-triangles/

Share this article:    Share on Facebook
View Full Article

CSS Tricks

A Web Design Community curated by Chris Coyier

More About this Source Visit CSS Tricks