Apple-like smooth corners for Tailwind CSS. Contribute to gtokman/corner-smoothing development by creating an account on GitHub.
Read the original article
Comments
I already knew about the whole “mathematically perfect corners” thing Apple does, so I was super curious how someone implemented that in CSS. I figured it was some sort of new CSS feature involving splines, but then I saw there was a folder called “masks” containing PNG files at 3 resolutions and I was immediately transported back to the mid-2000s.
By echoangle 2025-01-2522:03 Especially weird since CSS actually has the clip-path property which allows polygons as masks. I think converting a curve to a polygon is still better than having a literal raster image as a mask.
By Alifatisk 2025-01-2522:50 > I already knew about the whole “mathematically perfect corners” thing Apple does
By burgerrito 2025-01-2521:26 Not an Apple product user so TIL Apple's rounded corner are different than usual rounded corner using CSS. I'm going to guess this is using CSS's clip-path!
By silverwind 2025-01-260:34 Why don't browsers default to this?
