Change the width and height of element using CSS

CSSWeb DevelopmentFront End Technology

Use the scale() method to change the width and height of the element with CSS.

Let us see the syntax −

scale(x,y);

Here, x is a number representing the abscissa of the scaling vector.

y is a number representing the ordinate of the scaling vector.

Let us see an example −

div {
width: 40px;
height: 50px;
background-color: black;
}
.myScaled {
transform: scale(0.4);
background-color: orange;
}
Published on 02-May-2018 12:33:40