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
normalresetnumberpercentage zoom Browser Support
Newly available Since 2024 95% 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+