語法
變形原點transform-origin
Setting the origin for an element’s transformations.
Overview
Class | Declarations |
---|---|
transform-origin:value | transform-origin: valuepx;
|
transform:offset-x|offset-y | transform: offset-xpx offset-ypx;
|
transform:offset-x|offset-y|offset-z | transform: offset-xpx offset-ypx offset-zpx;
|
transform:top | transform-origin: top;
|
transform:bottom | transform-origin: bottom;
|
transform:right | transform-origin: right;
|
transform:left | transform-origin: left;
|
transform:center | transform-origin: center;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="transform-origin:center:hover transform-origin:center@sm transform-origin:center@dark transform-origin:center@print">…</div>