Can I use transition/scale() for one direction only?

Question

For instance, if I put a div in the center of my webpage, and use scale to increase its height, it grows from 2 directions, but is their a way to have scale only resize going downwards?

I explained this horribly, I know lol

Answer 1

Set transform-origin: 50% 0%;
Check this out:

https://code.sololearn.com/W0saAuvF62EQ/?ref=app