6
submitted 7 months ago* (last edited 7 months ago) by silas@programming.dev to c/css@programming.dev

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
[-] mateomaui@reddthat.com 1 points 7 months ago

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

[-] silas@programming.dev 3 points 7 months ago

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

[-] mateomaui@reddthat.com 1 points 7 months ago

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@programming.dev 2 points 7 months ago

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

[-] mateomaui@reddthat.com 1 points 7 months ago

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

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

CSS

430 readers
1 users here now

founded 1 year ago
MODERATORS