scale
An individual transform property that resizes an element, making it larger or smaller without needing the shorthand transform property.
Quick example
.zoom-effect:active {
scale: 1.2;
/* blows up the element by 20% when clicked */
}Quick facts
Initial value
noneInherited
No
Applies to
transformable elements
Animation type
transform
Values
none 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.
Safe to use without fallbacks.
104+
72+
14.1+
104+