Just shipped corner-shape on my latest Astro site — no more clip-path hacks or inline SVGs for th...Just shipped corner-shape on my latest Astro site — no more clip-path hacks or inline SVGs for th...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Just shipped corner-shape on my latest Astro site — no more clip-path hacks or inline SVGs for those clean rounded corners. Heads up: currently works only in Chrome-based browsers; Safari support is still on the way. @supports (corner-shape: superellipse(1.5)) { corner-shape: superellipse(1.5); border-radius: calc(var(--base-radius) * 1.5; }
Post image
Anastasiya's avatar
Wish we could control the inner radius too.
Ivan's avatar
You can already do that in Chrome. I'll talk about it next time.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started