zoom
A non-standard (but now widely supported) property that scales the entire element. While 'transform: scale()' is usually better for modern layouts, 'zoom' is still used for simple scaling without affecting the surrounding layout flow as much.
Quick example
.legacy-widget {
/* scales the entire widget to 150% of its original size */
zoom: 1.5;
}Quick facts
Initial value
1Inherited
No
Applies to
all elements
Animation type
notAnimatable
Values
normalresetnumberpercentagezoom Browser Support
Newly availableSince 202495% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
1+
126+
3.1+
12+