Movement & Transforms · Move, rotate, scale
Skew斜切
- speedy
- unstable
- tense
Pushing a rectangle sideways so it becomes a parallelogram, as if a gust of wind had just hit it.
When to use it
Use it sparingly to convey speed or springiness; in ordinary interfaces a skew distorts text, so avoid it.
Parameters
transform: skewX(-6deg) · 160ms · ease-out · returns to 0deg
Recipe
Skew → 160ms ease-outSkew → transform: skewX(-6deg) · returns to 0deg
One sentence for your AI
Add a subtle skew to this tag: skewX(-6deg) on press, 160ms ease-out, returning to skewX(0) on release.