#border-radius

[ follow ]
#css
fromCSS-Tricks
7 months ago
Web development

What Can We Actually Do With corner-shape? | CSS-Tricks

The CSS corner-shape property extends border-radius to create bevels, squircles, and snipped corners, requiring Chrome 139+ and use with border-radius properties.
fromFrontendmasters
10 months ago
UX design

Understanding CSS corner-shape and the Power of the Superellipse

The corner-shape property enhances web design by offering new corner customization options beyond rounded edges.
Web development
fromCSS-Tricks
5 days ago

Using CSS corner-shape For Folded Corners | CSS-Tricks

Folded corners can be created with corner-shape by defining border-radius coordinates and using bevel shapes to draw fold edges.
fromCSS-Tricks
5 months ago

On Inheriting and Sharing Property Values | CSS-Tricks

Sometimes I want to set the value of a CSS property to that of a different property, even if I don't know what that value is, and even if it changes later. Unfortunately though, that's not possible (at least, there isn't a CSS function that specifically does that). In my opinion, it'd be super useful to have something like this (for interpolation, maybe you'd throw in there as well): /* Totally hypothetical */ button { border-radius: compute(height, self); border-radius: compute(height, inherit); border-radius: compute(height, #this); }
Web development
[ Load more ]