CSS Corner-Shape: Native Support for Smoother Squircles is Here!
Back to Blog

CSS Corner-Shape: Native Support for Smoother Squircles is Here!

Surprised to find that CSS is finally getting a native 'corner-shape' property for squircles! 🙌

I’ve always wanted that super smooth curvature, but it’s honestly been such a pain to recreate using tedious clip-path hacks or SVGs.

The syntax is just: corner-shape: squircle;

It’s still experimental and only in Chromium for now, but hopefully WebKit picks it up in the next year or two.