From 47279ce727c665ad6a7e2945d1c4b0540f929d11 Mon Sep 17 00:00:00 2001
From: watonyweng <softweitao@126.com>
Date: Mon, 2 Aug 2021 19:21:04 +0800
Subject: [PATCH 1/3] docs(cn): translate utilities/backgrounds.md

---
 utilities/backgrounds.md | 52 ++++++++++++++++++++--------------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/utilities/backgrounds.md b/utilities/backgrounds.md
index 70026285..cfed2311 100644
--- a/utilities/backgrounds.md
+++ b/utilities/backgrounds.md
@@ -1,8 +1,8 @@
-# Backgrounds
+# Backgrounds {#backgrounds}
 
-## Background Attachment
+## Background Attachment {#background-attachment}
 
-Utilities for controlling how a background image behaves when scrolling.
+用于控制背景图片在滚动时表现的工具类。
 
 <PlaygroundWithVariants
   variant='fixed'
@@ -15,9 +15,9 @@ Utilities for controlling how a background image behaves when scrolling.
 &gt;&lt;p&gt;The quick brown fox jumps over the lazy dog&lt;/p&gt;&lt;/div&gt;'
 />
 
-## Background Clip
+## Background Clip {#background-clip}
 
-Utilities for controlling the bounding box of an element's background.
+用于控制元素背景是否延伸到边框、内边距盒子、内容盒子下的工具类。
 
 <PlaygroundWithVariants
   variant='border'
@@ -45,9 +45,9 @@ Utilities for controlling the bounding box of an element's background.
 &lt;/div&gt;"
 />
 
-## Background Color
+## 背景颜色 {#background-color}
 
-Utilities for controlling an element's background color.
+用于控制元素背景色的工具类。
 
 <PlaygroundWithVariants
   variant='gray-500'
@@ -77,9 +77,9 @@ export default {
 
 </Customizing>
 
-## Background Opacity
+## 背景颜色不透明度 {#background-opacity}
 
-Utilities for controlling the opacity of an element's background color.
+用于控制元素背景色不透明度的工具类。
 
 <PlaygroundWithVariants
   variant='50'
@@ -108,9 +108,9 @@ export default {
 
 </Customizing>
 
-## Background Position
+## 背景图像位置 {#background-position}
 
-Utilities for controlling the position of an element's background image.
+用于控制元素背景图片位置的工具类。
 
 <PlaygroundWithVariants
   variant='bottom'
@@ -147,9 +147,9 @@ export default {
 
 </Customizing>
 
-## Background Repeat
+## 背景图像重复 {#background-repeat}
 
-Utilities for controlling the repetition of an element's background image.
+用于控制元素背景图像重复的工具类。
 
 <PlaygroundWithVariants
   variant='repeat'
@@ -162,9 +162,9 @@ Utilities for controlling the repetition of an element's background image.
   &lt;/div&gt;'
 />
 
-## Background Size
+## 背景图像大小 {#background-size}
 
-Utilities for controlling the background size of an element's background image.
+用于控制元素背景图背景大小的工具类。
 
 <PlaygroundWithVariants
   variant='auto'
@@ -195,9 +195,9 @@ export default {
 
 </Customizing>
 
-## Background Origin
+## Background Origin {#background-origin}
 
-Utilities for controlling the background origin of an element's background image.
+用于控制元素背景图像原点的工具类。
 
 <PlaygroundWithVariants
   variant='border'
@@ -211,9 +211,9 @@ Utilities for controlling the background origin of an element's background image
     &lt;/div&gt;'
 />
 
-## Background Image
+## 背景图像 {#background-image}
 
-Utilities for controlling an element's background image.
+用于控制元素背景图像的工具类。
 
 <PlaygroundWithVariants
   variant='gradient-to-r'
@@ -243,11 +243,11 @@ export default {
 
 </Customizing>
 
-## Background Gradient
+## Background Gradient {#background-gradient}
 
-Utilities for controlling background gradients.
+用于控制元素背景渐变的工具类。
 
-### Gradient From
+### Gradient From {#gradient-from}
 
 <PlaygroundWithVariants
   variant='green-500'
@@ -259,7 +259,7 @@ Utilities for controlling background gradients.
   html="&lt;div class=&quot;h-36 w-36 rounded-md bg-gradient-to-r {class} to-blue-500&quot;&gt;&lt;/div&gt;"
 />
 
-### Gradient Via
+### Gradient Via {#gradient-via}
 
 <PlaygroundWithVariants
   variant='gray-500'
@@ -271,7 +271,7 @@ Utilities for controlling background gradients.
   html="&lt;div class=&quot;h-36 w-36 rounded-md bg-gradient-to-r from-red-500 {class} to-blue-500&quot;&gt;&lt;/div&gt;"
 />
 
-### Gradient To
+### Gradient To {#gradient-to}
 
 <PlaygroundWithVariants
   variant='yellow-500'
@@ -283,9 +283,9 @@ Utilities for controlling background gradients.
   html="&lt;div class=&quot;h-36 w-36 rounded-md bg-gradient-to-r from-green-500 {class}&quot;&gt;&lt;/div&gt;"
 />
 
-## Background Blend Mode
+## Background Blend Mode {#background-blend-mode}
 
-Utilities for controlling how an element's background image should blend with its background color.
+用于控制元素背景图像与其背景颜色混合的工具类。
 
 <PlaygroundWithVariants
   variant='normal'

From ce5d9f719c899f589a776b150a145963eee6a9d9 Mon Sep 17 00:00:00 2001
From: watonyweng <softweitao@126.com>
Date: Thu, 12 Aug 2021 15:15:09 +0800
Subject: [PATCH 2/3] docs(cn): update utilities/backgrounds.md

---
 utilities/backgrounds.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/utilities/backgrounds.md b/utilities/backgrounds.md
index cfed2311..196cd5ae 100644
--- a/utilities/backgrounds.md
+++ b/utilities/backgrounds.md
@@ -1,6 +1,6 @@
-# Backgrounds {#backgrounds}
+# 背景 {#backgrounds}
 
-## Background Attachment {#background-attachment}
+## 背景固定 {#background-attachment}
 
 用于控制背景图片在滚动时表现的工具类。
 
@@ -15,7 +15,7 @@
 &gt;&lt;p&gt;The quick brown fox jumps over the lazy dog&lt;/p&gt;&lt;/div&gt;'
 />
 
-## Background Clip {#background-clip}
+## 背景延伸 {#background-clip}
 
 用于控制元素背景是否延伸到边框、内边距盒子、内容盒子下的工具类。
 
@@ -195,7 +195,7 @@ export default {
 
 </Customizing>
 
-## Background Origin {#background-origin}
+## 背景图像原点 {#background-origin}
 
 用于控制元素背景图像原点的工具类。
 
@@ -243,7 +243,7 @@ export default {
 
 </Customizing>
 
-## Background Gradient {#background-gradient}
+## 背景渐变 {#background-gradient}
 
 用于控制元素背景渐变的工具类。
 
@@ -283,7 +283,7 @@ export default {
   html="&lt;div class=&quot;h-36 w-36 rounded-md bg-gradient-to-r from-green-500 {class}&quot;&gt;&lt;/div&gt;"
 />
 
-## Background Blend Mode {#background-blend-mode}
+## 背景混合模式 {#background-blend-mode}
 
 用于控制元素背景图像与其背景颜色混合的工具类。
 

From 783177d638c7840f0e010b8b891bcbcf396ce24f Mon Sep 17 00:00:00 2001
From: watonyweng <softweitao@126.com>
Date: Thu, 12 Aug 2021 18:10:02 +0800
Subject: [PATCH 3/3] docs(cn): enhance utilities/backgrounds.md

---
 utilities/backgrounds.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/utilities/backgrounds.md b/utilities/backgrounds.md
index 196cd5ae..128386c3 100644
--- a/utilities/backgrounds.md
+++ b/utilities/backgrounds.md
@@ -15,9 +15,9 @@
 &gt;&lt;p&gt;The quick brown fox jumps over the lazy dog&lt;/p&gt;&lt;/div&gt;'
 />
 
-## 背景延伸 {#background-clip}
+## 背景裁剪 {#background-clip}
 
-用于控制元素背景是否延伸到边框、内边距盒子、内容盒子下的工具类。
+用于控制元素背景是否裁剪到边框、内边距盒子、内容盒子下的工具类。
 
 <PlaygroundWithVariants
   variant='border'
@@ -247,7 +247,7 @@ export default {
 
 用于控制元素背景渐变的工具类。
 
-### Gradient From {#gradient-from}
+### 渐变起点色 {#gradient-from}
 
 <PlaygroundWithVariants
   variant='green-500'
@@ -259,7 +259,7 @@ export default {
   html="&lt;div class=&quot;h-36 w-36 rounded-md bg-gradient-to-r {class} to-blue-500&quot;&gt;&lt;/div&gt;"
 />
 
-### Gradient Via {#gradient-via}
+### 渐变中间色 {#gradient-via}
 
 <PlaygroundWithVariants
   variant='gray-500'
@@ -271,7 +271,7 @@ export default {
   html="&lt;div class=&quot;h-36 w-36 rounded-md bg-gradient-to-r from-red-500 {class} to-blue-500&quot;&gt;&lt;/div&gt;"
 />
 
-### Gradient To {#gradient-to}
+### 渐变终点色 {#gradient-to}
 
 <PlaygroundWithVariants
   variant='yellow-500'