diff --git a/utilities/transforms.md b/utilities/transforms.md
index 547e34eb..d1a0a230 100644
--- a/utilities/transforms.md
+++ b/utilities/transforms.md
@@ -1,8 +1,8 @@
-# Transforms
+# Transforms {#transforms}
-## Transform Type
+## Transform 类型 {#transform-type}
-Utilities for controlling transform behaviour.
+用于控制元素行为的工具类。
-## Transform Style
+## Transform 样式 {#transform-style}
-The transform-style utility sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
+用于控制元素的子元素的位置是 3D 空间还是扁平排列的工具类。
-## Transform Origin
+## Transform Origin {#transform-origin}
-Utilities for specifying the origin for an element's transformations.
+用于控制元素 Transform 原点的工具类。
-## Transform Rotate
+## Transform 旋转 {#transform-rotate}
-Utilities for rotating elements with transform.
+用于控制元素旋转的工具类。
-### Rotate X
+### X 轴旋转 {#rotate-x}
-### Rotate Y
+### Y 轴旋转 {#rotate-y}
-### Rotate Z
+### Z 轴旋转 {#rotate-z}
-## Transform Scale
+## Transform 缩放 {#transform-scale}
-Utilities for scaling elements with transform.
+用于控制元素缩放的工具类。
-### Scale X
+### X 轴缩放 {#scale-x}
-### Scale Y
+### Y 轴缩放 {#scale-y}
-### Scale Z
+### Z 轴缩放 {#scale-z}
-## Transform Skew
+## Transform 倾斜 {#transform-skew}
-Utilities for skewing elements with transform.
+用于控制元素倾斜的工具类。
-### Skew X
+### X 轴倾斜 {#skew-x}
-### Skew Y
+### Y 轴倾斜 {#skew-y}
-## Transform Translate
+## Transform 平移 {#transform-translate}
-Utilities for translating elements with transform.
+用于控制元素平移的工具类。
-### Translate X
+### X 轴平移 {#translate-x}
-### Translate Y
+### Y 轴平移 {#translate-y}
-### Translate Z
+### Z 轴平移 {#translate-z}
-You can customize the global spacing scale in the theme.spacing or theme.extend.spacing sections of your windi.config.js file:
+你可以在 windi.config.js 文件的 theme.spacing 或者 theme.extend.spacing 部分自定义全局缩放间距：
```js
// windi.config.js
@@ -333,7 +333,7 @@ export default {
}
```
-To customize the translate scale separately, use the theme.translate section of your windi.config.js file.
+也可以在 windi.config.js 文件的 theme.translate 部分以分割的形式自定义平移缩放的比例。
```js
// windi.config.js
@@ -355,9 +355,9 @@ export default {
-## Perspective
+## Perspective {#perspective}
-The `perspect` utility determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
+用于控制元素与 z=0 平面的距离，使其具有三维位置变换效果的 `perspect` 工具类。
-## Perspective Origin
+## Perspective Origin {#perspective-origin}
-The `perspect-origin` utility determines the position at which the viewer is looking. It is used as the vanishing point by the [perspect](#perspective) utility.
+`perspect-origin` 用于控制元素观察者的位置，用作 [perspect](#perspective) 属性的消失点的工具类。
\ No newline at end of file
+