Loading video...

Video Failed to Load

Go Home

CSS only animated exclusive accordion update 🚀 details { interpolate-size: allow-keywords; } ::details-content { transition: content-visibility, height; transition-behavior: allow-discrete; } [open]::details-content { height: auto; }

51,170 views • 2 years ago •via X (Twitter)

10 Comments

Nine's profile picture
Nine2 years ago

Can you make a css based ui library called jhey/ui

Alexis Morin's profile picture
Alexis Morin2 years ago

What version of Chrome will have support for the ::details-content pseudo-element?

mh's profile picture
mh2 years ago

Probably going to be a while until this is useful, right?

Eugene Korchagin's profile picture
Eugene Korchagin2 years ago

God Are you magician?

Gustav Ekerot's profile picture
Gustav Ekerot2 years ago

where's the npm package jhey!? seriously though, would be cool with a css-only based component lib, copy paste á la shadcn

Sudhansu Bhushan Mishra's profile picture
Sudhansu Bhushan Mishra2 years ago

Thank you for sharing this codepen

👑 Satoshi 16px's profile picture
👑 Satoshi 16px2 years ago

You inspire me man!! Its crazy what you do with Css

Manu | UX UI Designer's profile picture
Manu | UX UI Designer2 years ago

Nice!!!!

Facundo Muoio's profile picture
Facundo Muoio2 years ago

Wow! Men, it is so pretty accordion. I would like to know where you learn these CSS skills.

Carlito's profile picture
Carlito2 years ago

Sorcery!

Related Videos