Skip to main content

Harshal V. LADHE

Rounding Corners with border-radius

Sizing element corners with `border-radius`, from simple rounding to the base that `corner-shape` builds on.

Content tagged border-radius

  • 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.
    Published at:
    Categories:CSS
    Estimated reading time:5 min read