Loading video...
Video Failed to Load
it's that time again — the Q2 '25 CSS nested radius post .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } * realistically these will be static values
160,432 views • 11 months ago •via X (Twitter)
9 Comments

been a while since this one has done the rounds — feels like it was almost a meme for a minute 😅 this was a 2023 edition

Now do Apple corner radius 👀

there is in fact an API in the works to do exactly that 🙌

customers: we want better ai apple: heres ui with corners that match the iphone

You could even do nested CSS here!

ha - yes, good spot! missed a trick copying my old caption 🤦😅

nice, well done can you check if you get an updated version, where optical corrections are included? so far you build the circle via math, by changing the radius. when you could adjust the handles that create the radius, that would open up a tremedous new organic options.

@Apple needs this

Show it to Samsung programmers 🙏🏻 they have obvious trouble with it
