PostCSS Smooth Corners

Your browser doesn’t support corner-shape yet. All examples will look the same. Try Chrome 139 or newer.

Why squircle

Round corners start suddenly. Squircle corners start slowly and smoothly. Because of this, they look softer, like iPhone icons.

Why bigger radius

With the same border-radius, the squircle corner looks smaller than the round one. The plugin increases the radius inside @supports (corner-shape: squircle) by 1.715 and rounds pixels, so the squircle cuts the same area as the round corner.