Simple answer..
No
Its important to understand the reasons and differences behind these CS properties:
The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.
[...] It allows to define the transition between two states of an element.
In this instance, transform is not a suitable solution, because you are modifying a property (height) instead of the coordinate representation of the element in a 3d space. If you were to use transform
the closest you could do would be scaleY
and give it a rough value, you would also need to set the origin to a y
value of 100%
- however what you will notice is that though the element will grow, its contents will be stretched because you have transformed it on the 3d plane, not changed its underlying definitions from a property perspective.