Loading video...

Video Failed to Load

Go Home

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

jhey ʕ•ᴥ•ʔ's profile picture
jhey ʕ•ᴥ•ʔ11 months ago

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

Steven (っ♡◡♡)っ🤖🥭's profile picture
Steven (っ♡◡♡)っ🤖🥭11 months ago

Now do Apple corner radius 👀

jhey ʕ•ᴥ•ʔ's profile picture
jhey ʕ•ᴥ•ʔ11 months ago

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

Dan DiGangi's profile picture
Dan DiGangi11 months ago

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

Rody Davis's profile picture
Rody Davis11 months ago

You could even do nested CSS here!

jhey ʕ•ᴥ•ʔ's profile picture
jhey ʕ•ᴥ•ʔ11 months ago

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

Silvermoon's profile picture
Silvermoon11 months ago

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.

Soren's profile picture
Soren11 months ago

@Apple needs this

Yevhen's profile picture
Yevhen11 months ago

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

Related Videos