> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 用 Transform 实现视觉效果

> 用 Transform 对元素旋转、缩放、位移和倾斜，做出更有动感和视觉吸引力的落地页设计。

Transform 设置让你通过**旋转、缩放、位移或倾斜**来调整元素的视觉表现。这些变化只影响元素的外观，不会改变它在布局中的实际位置。

## Transform 选项

### Rotate

* 按角度旋转元素

👉 示例：

* 0：正常
* 45：倾斜
* 90：横过来

### Scale

* 缩放元素

👉 示例：

* 1：原始尺寸
* 1.2：稍微放大
* 0.8：缩小

### Move

* 把元素从原位置偏移

👉 规则：

* 正值：向右 / 向下移动
* 负值：向左 / 向上移动

### Skew

* 让元素沿对角方向倾斜

👉 产生斜切效果

## 锁定数值

部分字段旁边会有锁形图标：

* 锁定：数值按比例联动
* 解锁：可以单独控制每个值


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.