Show HN: Apple-like smooth corners for Tailwind CSS

Re:Show HN: Apple-like smooth corners for Tailwind CSS by _aleph2c_ on Saturday January 25, 2025 @04:30PM (#42825017)

Is this a joke, I can't see a difference.

[ Parent | on HN ]

Re:Show HN: Apple-like smooth corners for Tailwind CSS by instagary on Saturday January 25, 2025 @05:18PM (#42825470)

It's pretty subtle, but hard to unsee after using it a lot.

diff: https://github.com/user-attachments/assets/3edb0bbd-4989-442...

[ Parent | on HN ]

Re:Show HN: Apple-like smooth corners for Tailwind CSS by phoronixrly on Saturday January 25, 2025 @04:33PM (#42825059)

It's subtle. Zoom to the middle of the sample image and compare (the vertical part of) the curve of the two top corners. You will notice like... 5 pixels of difference, then the curve gets aliased in the smooth version. I would like to see it in an actual site though.

[ Parent | on HN ]

Re:Show HN: Apple-like smooth corners for Tailwind CSS by Arnt on Saturday January 25, 2025 @04:35PM (#42825073)

Looks like the derivative of the angle is continuous.

When you drive around a street corner in a car, you start by turning the wheel to turn a little, then more, then less, then you drive straight again. This looks like that kind of curve.

[ Parent | on HN ]

Re:Show HN: Apple-like smooth corners for Tailwind CSS by echoangle on Saturday January 25, 2025 @05:05PM (#42825355)

Some links on this with regards to roads/tracks:

https://en.wikipedia.org/wiki/Jerk_(physics)#In_the_geometri...

https://en.wikipedia.org/wiki/Track_transition_curve

[ Parent | on HN ]

Re:Show HN: Apple-like smooth corners for Tailwind CSS by baggy_trough on Saturday January 25, 2025 @04:33PM (#42825040)

PNG masks to achieve this effect is definitely a cure that is worse than the disease.

[ Parent | on HN ]