Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
css shapes

22 Articles
Direct link to the article The Many Ways to Link Up Shapes and Images with HTML and CSS
clip-path css shapes links SVG

The Many Ways to Link Up Shapes and Images with HTML and CSS

Different website designs often call for a shape other than a square or rectangle to respond to a click event. Perhaps your site has some kind of tilted or curved banner where the click area would be awkwardly large as …

Bailey Jones on Oct 10, 2019
Direct link to the article Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
css shapes navigation SVG

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons

Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might …

Silvestar Bistrović on May 3, 2019
Direct link to the article CSS Triangles, Multiple Ways
clip-path css shapes glyphs SVG triangle

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
…
Chris Coyier on Mar 4, 2019
Direct link to the article A CSS Venn Diagram
charts css shapes grid shape-outside

A CSS Venn Diagram

This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to …

Robin Rendle on Dec 17, 2018
  • Newer
  • 1
  • 2
  • 3

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top