For over a decade and a half, the web’s visual language has been constrained by the dominance of the humble border-radius. Since its inception, this property has been the singular tool for softening the harsh edges of the digital grid. While it brought a collective sigh of relief to developers who once spent hours managing […]
Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine
/* top-left, top-right, bottom-right, bottom-left */ You can also use the superellipse() function with a numeric parameter for fine-grained control. .element border-radius: 25px; corner-shape: superellipse(0); /* equal to ‘bevel’ */ So the question here might be: why not call this property “border-shape†instead? Well, first of all, that is something completely different that we’ll get […]