Syntax
transform-box
Defining the layout box to which transform and transform-origin properties relate.
Overview
| Class | Declarations |
|---|---|
transform-box:box | transform-box: box;
|
transform:content | transform-box: content-box;
|
transform:border | transform-box: border-box;
|
transform:fill | transform-box: fill-box;
|
transform:stroke | transform-box: stroke-box;
|
transform:view | transform-box: view-box;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="transform-box:content-box:hover transform-box:content-box@sm transform-box:content-box@dark transform-box:content-box@print">…</div>