Shaping Corners with corner-shape

Using the CSS `corner-shape` property and `superellipse()` to turn rounded corners into squircles, bevels, scoops and notches.

Content tagged corner-shape

• Tutorial:Squircles, Bevels and Scoops with corner-shape

  Shape corners into squircles, bevels, scoops and notches.

  The corner-shape property gives border-radius corners a shape — round, squircle, square, bevel, scoop, notch or any superellipse() — with borders, shadows and outlines that follow it, per-corner values, smooth animation, and an automatic rounded fallback in browsers without support.