Shrink or expand

scale

Apply simplified matrix algebra to scale an element to be smaller or larger.

Property values

This is an alias for the transform property. It may be specified in any of these forms:

syntax form equivalent
scale: s transform: scaleX(s) scaleY(s);
scale: sx sy transform: scaleX(sx) scaleY(sy);
scale: sx sy sz transform: scale3d(sx, sy, sz);

Variable units

Each of the values for (sx, sy, sz) are unitless numbers. Values less than one shrink the element. Values larger than one enlarge the element.

Examples

/* shrink to be 1/2 size */            
scale: 0.5;

/* enlarge to be twice the size */
scale: 2;
scale
0

style > transform > scaleShrink or expand

🔗 🔎