How to add transition to details element for smooth transitioning ?
https://codepen.io/sougataghar47/pen/qEWMVPY?editors=1100 tried calc-size but couldnt make it work
2 Replies
Kevin Powell
YouTube
Animate details & summary with a few lines of CSS
If you’ve ever used a details/summary, you’ve definitely wished there was an easy way to animate them opening and closing. Well, thanks to to modern CSS, this is becoming possible! And while browser support isn’t perfect for a lot of this, it’s the perfect example of a progressive enhancement.
🔗 Links
✅ Check out Zoran’s version on his CSS Week...
Kevin had a video about it which magically appeared in my recommendations