Adam Argyle @nerdy.dev · Nov 24

`superellipse(1.25)` pills are ill, what a fresh shape #CSS nerdy.dev/superellipse...

79 likes 8 replies

?

Replies

Oliver Turner · Nov 25

You’re a superellipse!

@botteu.bsky.social · Nov 24

Some time ago I made a pen looking at CSS-only concentric border radii. A couple of days ago I added corner-shape: squircle but I didn't really like the result. Then I saw this post by @nerdy.dev and tried his value of 1.25 and I think it came out pretty good. Thanks Adam! codepen.io/botteu/pen/X...

Scarlie ✨ · Nov 25

I don’t understand the superellipse()! I can’t really tell how it’s all that different from low border radius? Like maybe I can tell it’s slightly different, but I’m not sure how.

Andreas Møller · Nov 24

Squircle is more fun to say though

Rodrigo Dias · Nov 25

Better than squircle for modern UIs.

Rodrigo Dias · Nov 24

Superellipse gives buttons a unique edge over rounds.

EIO · Nov 24

"ill"?! 😂😂😂

Rasmus Schultz · Nov 24

superellipses and squircles both trigger me like crazy I can't even say what it is exactly - both of those shapes just annoy me and make me think "what? why??" they're just "wrong" somehow I wouldn't use that shape for anything 🤷‍♂️ I know it's probably just me but 🙈😂