scale
An individual transform property that resizes an element, making it larger or smaller without needing the shorthand transform property.
It is documented as part of the CSS Transforms specification.
Syntax
/* Usage Example */
.zoom-effect:active {
scale: 1.2;
/* blows up the element by 20% when clicked */
}
/* Syntax */
scale: none;
/* Global values */
scale: inherit;
scale: initial;
scale: revert;
scale: revert-layer;
scale: unset;scale Browser support
Widely available
Since
2022 94% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
104+
72+
14.1+
104+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more