I’ve been wondering how to animate the height transition for the container. I did some research but gained nothing close to solve my request. So I thought maybe you guys can help if I ask here.
Any clue to animate the height of the container?
-The height is set to auto, it resizes according to number of the quote lines.
-Am writing in React.js right now, but if you know how to do it in css transition I’d still be glad.
I’ve checked this one tho, the max height, scaleY, etc. seems doesn’t work because the box height is according to how long the quote is. Hardcode for each quote is not an option, soooo I’m looking for alternatives.
This thread solves only for collapsible element (i’m probably mistaken tho). Because the collapsible transition animates from height: auto to height: 0 and vice versa. Meanwhile what I’m trying to achieve is from heigh: auto to height: auto (according to the quotes length).