位移与变换 · 移动、旋转、缩放
斜切Skew
- 速度感
- 不稳定
- 有张力
把矩形沿着一个方向推斜,让它变成平行四边形,看起来像被风吹了一下。
什么时候用它
只在表达速度或弹性氛围时少量使用;常规界面里斜切会让文字变形,不要用。
参数
transform: skewX(-6deg) · 160ms · ease-out · returns to 0deg
配方
斜切 → 160ms ease-out斜切 → transform: skewX(-6deg) · returns to 0deg
给 AI 的一句话
给这个标签加一点斜切:按下时 skewX(-6deg),160ms,ease-out,松手后回到 skewX(0)。