Transform

          There are times that you only want the height of an element to increase or decrease. In order to do it, you can use the scaleX() or scaleY() method. The scaleX() and scaleY() method will increase or decrease the width and height, respectively. The parameter will act as a multiplier of the current width or height. For example, scaleX(0.5) will transform the width of an element 0.5 times or half its original width.

div {
transform: scaleX(0.5);
}

div {
transform: scaleY(0.5);
}