Haz @haz.dev 路 Feb 3

This border-radius transition 馃馃徑 Believe it or not, it's just CSS.

218 likes 9 replies

?

Replies

Albin Groen 路 Feb 3

Would love to know how this works

xan 路 Feb 3

would you share that CSS?

Simon Coudeville 路 Feb 3

That's really cool. But how?

Cameron 路 Feb 3

That's some fucked up dark magic, pal

dad (aka miguel) 路 Feb 3

codepen? i鈥檇 love to inspect this deeper

Haz 路 Feb 3

Related:

Alex Kempton 路 Feb 3

This is awesome. Is there some way of adjusting the animation so that you don't get those sharp edges for when it transitions back to the left? Would be nice if it stayed curvey right up until the end, or is this already at the limits of what's possible?

Steve Ra Foam 路 Feb 3

Maybe she鈥檚 born with it? Maybe it鈥檚 CSS

SwtBeat 路 Feb 3

Well isn鈥檛 this neat