CSS 2D Transform Scale
This page covers the CSS scale transform functions: scale(), scaleX(), and scaleY().
The CSS scale() Function
The scale() function increases or decreases the size of an element (according to the parameters given for the width and height).
The following example increases the <div> element to be two times of its original width, and three times of its original height:
The following example decreases the <div> element to be half of its original width and height:
The CSS scaleX() Function
The scaleX() function increases or decreases the
width of an element.
The following example increases the <div> element to be two times of its original width:
The following example decreases the <div> element to be half of its original width:
The CSS scaleY() Function
The scaleY() function increases or decreases the
height of an element.
The following example increases the <div> element to be three times of its original height:
The following example decreases the <div> element to be half of its original height:
