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;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="transform-content:hover transform-content@sm transform-content@dark transform-content@print">…</div>