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.
It is documented as part of the CSS Viewport specification.
Syntax
/* Usage Example */
.legacy-widget {
/* scales the entire widget to 150% of its original size */
zoom: 1.5;
}
/* Syntax */
zoom: normal;
zoom: reset;
zoom: number;
zoom: percentage;
/* Global values */
zoom: inherit;
zoom: initial;
zoom: revert;
zoom: revert-layer;
zoom: unset;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.
1+
126+
3.1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more