We all love the squircle! It's great, we can use it to make corners feel extra smooth. Gives that little bit of zhuzh. Others can tell you all about the math and why we love it. And now we can use them in CSS! There's just one problem... for the same border-radius, the squircle will look less rounded than the circle. That's where this package comes in.
This demo compares regular rounded-* corners
with squircle squircle-* corners at several
radii.
Controls the superellipse exponent. Higher = more square. Default is 2.
Powered by StackBlitz. Requires a Chromium-based browser.