Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
How to animate summary/details tag height? - Kevin Powell - Community
KP-C
Kevin Powell - Community
•
3y ago
•
7 replies
Alpro
How to animate summary/details tag height?
https://www.youtube.com/watch?v=B_n4YONte5A
I saw this video of Kev
's but can
't see a simple way to apply it to details tag
. Is it possible
?
YouTube
Kevin Powell
The simple trick to transition from height 0 to auto with CSS
Animating or transitioning to and from height auto is
, well
, not really possible
(though it is being worked on
!
)
, but luckily
, there is actually a solution using CSS Grid that
’s really easy to implement
!
Links
Keith J
. Grant
’s article on this
(also includes a flexbox solution
)
:
https://keithjgrant.com/posts/2023/04/transitioning-to-height-
.
.
.
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
Best way to animate height increase upwards?
KP-C
Kevin Powell - Community / front-end
3y ago
How to Animate Slider Loop?
KP-C
Kevin Powell - Community / front-end
3y ago
How to animate SVG image
KP-C
Kevin Powell - Community / front-end
3y ago
When do you use <details> and <summary> for menus?
KP-C
Kevin Powell - Community / front-end
3y ago