As I said CSS animations don't apply to style.
There are too possibilities for your issue.
First one using scaleY. You can simply transform the scaling of the Y axis in the animation like this:
scaleY
scaleY Pen
This however is still not smooth if you have text at the bottom.
The best I would recommend is using flex
flex
You can easily get a very fluid height movement for instance:
flex pen
Great..
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
As I said CSS animations don't apply to style.
There are too possibilities for your issue.
First one using
scaleY
. You can simply transform the scaling of the Y axis in the animation like this:scaleY Pen
This however is still not smooth if you have text at the bottom.
The best I would recommend is using
flex
You can easily get a very fluid height movement for instance:
flex pen
Great..