zoom
| Clase | Propiedades CSS |
|---|---|
zoom-<number> |
zoom: <number>%; |
zoom-(<custom-property>) |
zoom: var(<custom-property>); |
zoom-[<value>] |
zoom: <value>; |
Examples#
Basic example#
Use zoom-<number> utilities like zoom-75 and zoom-125 to scale an element using the CSS zoom property:
<!-- [!code classes:zoom-75,zoom-100,zoom-125] -->
<div class="zoom-75 ...">
<!-- ... -->
</div>
<div class="zoom-100 ...">
<!-- ... -->
</div>
<div class="zoom-125 ...">
<!-- ... -->
</div>