this post was submitted on 22 Nov 2023
6 points (80.0% liked)

CSS

477 readers
1 users here now

founded 1 year ago
MODERATORS
 

Smooth rounded corners or continuous corners (used throughout iOS) can be easily achieved in Figma and other design software. I’m fairly sure there’s no way to do this simply on the web and it drives me mad. Do y’all know of any ways to do this that can actually be used in production?

you are viewing a single comment's thread
view the rest of the comments
[–] [email protected] 1 points 11 months ago (1 children)

I’m pretty sure you can just increase the value to get that, but maybe not.

[–] silas 3 points 11 months ago (1 children)

Nope, It’s kinda confusing because it looks very similar. Smooth corners are actually a different mathematical calculation than the standard ones from the border-radius property, that’s why I’m kinda doubtful there’s an easy way to do it

[–] [email protected] 1 points 11 months ago (1 children)

Ok, I can see that now. I had to stare at it a while like an autostereogram to see it. It’s late here.

[–] silas 2 points 11 months ago (1 children)

Yeah I don’t blame you, I even uploaded the wrong example photo at first lol

[–] [email protected] 1 points 11 months ago

Oh good, my eyes aren’t that bad yet. Thanks for letting me know!