aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/css/transform-function
diff options
context:
space:
mode:
Diffstat (limited to 'files/zh-cn/web/css/transform-function')
-rw-r--r--files/zh-cn/web/css/transform-function/matrix/index.html (renamed from files/zh-cn/web/css/transform-function/matrix()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/matrix3d/index.html (renamed from files/zh-cn/web/css/transform-function/matrix3d()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/perspective/index.html (renamed from files/zh-cn/web/css/transform-function/perspective()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/rotate/index.html (renamed from files/zh-cn/web/css/transform-function/rotate()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/rotate3d/index.html (renamed from files/zh-cn/web/css/transform-function/rotate3d()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/rotatex/index.html (renamed from files/zh-cn/web/css/transform-function/rotatex()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/rotatey/index.html (renamed from files/zh-cn/web/css/transform-function/rotatey()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/rotatez/index.html (renamed from files/zh-cn/web/css/transform-function/rotatez()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/scale/index.html (renamed from files/zh-cn/web/css/transform-function/scale()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/scalex/index.html (renamed from files/zh-cn/web/css/transform-function/scalex()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/scaley/index.html (renamed from files/zh-cn/web/css/transform-function/scaley()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/skew/index.html (renamed from files/zh-cn/web/css/transform-function/skew()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/skewx/index.html (renamed from files/zh-cn/web/css/transform-function/skewx()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/skewy()/index.html130
-rw-r--r--files/zh-cn/web/css/transform-function/translate/index.html (renamed from files/zh-cn/web/css/transform-function/translate()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/translate3d/index.html (renamed from files/zh-cn/web/css/transform-function/translate3d()/index.html)3
-rw-r--r--files/zh-cn/web/css/transform-function/translatex/index.html (renamed from files/zh-cn/web/css/transform-function/translatex()/index.html)5
-rw-r--r--files/zh-cn/web/css/transform-function/translatey/index.html (renamed from files/zh-cn/web/css/transform-function/translatey()/index.html)3
18 files changed, 35 insertions, 148 deletions
diff --git a/files/zh-cn/web/css/transform-function/matrix()/index.html b/files/zh-cn/web/css/transform-function/matrix/index.html
index 85c5d7bc8e..7f5f8f8e62 100644
--- a/files/zh-cn/web/css/transform-function/matrix()/index.html
+++ b/files/zh-cn/web/css/transform-function/matrix/index.html
@@ -1,7 +1,8 @@
---
title: matrix()
-slug: Web/CSS/transform-function/matrix()
+slug: Web/CSS/transform-function/matrix
translation_of: Web/CSS/transform-function/matrix()
+original_slug: Web/CSS/transform-function/matrix()
---
<p>CSS函数 <code>matrix()</code> 指定了一个由指定的 6 个值组成的 2D 变换矩阵。这种矩阵的常量值是隐含的,而不是由参数传递的;其他的参数是以列优先的顺序描述的。</p>
diff --git a/files/zh-cn/web/css/transform-function/matrix3d()/index.html b/files/zh-cn/web/css/transform-function/matrix3d/index.html
index 2b25617047..5308863ae8 100644
--- a/files/zh-cn/web/css/transform-function/matrix3d()/index.html
+++ b/files/zh-cn/web/css/transform-function/matrix3d/index.html
@@ -1,7 +1,8 @@
---
title: matrix3d()
-slug: Web/CSS/transform-function/matrix3d()
+slug: Web/CSS/transform-function/matrix3d
translation_of: Web/CSS/transform-function/matrix3d()
+original_slug: Web/CSS/transform-function/matrix3d()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/perspective()/index.html b/files/zh-cn/web/css/transform-function/perspective/index.html
index 833023d9c3..56d6762b9e 100644
--- a/files/zh-cn/web/css/transform-function/perspective()/index.html
+++ b/files/zh-cn/web/css/transform-function/perspective/index.html
@@ -1,7 +1,8 @@
---
title: perspective()
-slug: Web/CSS/transform-function/perspective()
+slug: Web/CSS/transform-function/perspective
translation_of: Web/CSS/transform-function/perspective()
+original_slug: Web/CSS/transform-function/perspective()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/rotate()/index.html b/files/zh-cn/web/css/transform-function/rotate/index.html
index e7e5807e55..c176ecc3f2 100644
--- a/files/zh-cn/web/css/transform-function/rotate()/index.html
+++ b/files/zh-cn/web/css/transform-function/rotate/index.html
@@ -1,11 +1,12 @@
---
title: rotate()
-slug: Web/CSS/transform-function/rotate()
+slug: Web/CSS/transform-function/rotate
tags:
- CSS
- CSS函数
- CSS变换
translation_of: Web/CSS/transform-function/rotate()
+original_slug: Web/CSS/transform-function/rotate()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/rotate3d()/index.html b/files/zh-cn/web/css/transform-function/rotate3d/index.html
index f9e046f02b..1dab01c6aa 100644
--- a/files/zh-cn/web/css/transform-function/rotate3d()/index.html
+++ b/files/zh-cn/web/css/transform-function/rotate3d/index.html
@@ -1,11 +1,12 @@
---
title: rotate3d()
-slug: Web/CSS/transform-function/rotate3d()
+slug: Web/CSS/transform-function/rotate3d
tags:
- 3D
- CSS
- CSS Transforms
translation_of: Web/CSS/transform-function/rotate3d()
+original_slug: Web/CSS/transform-function/rotate3d()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/rotatex()/index.html b/files/zh-cn/web/css/transform-function/rotatex/index.html
index eda2306e00..f534ced0bf 100644
--- a/files/zh-cn/web/css/transform-function/rotatex()/index.html
+++ b/files/zh-cn/web/css/transform-function/rotatex/index.html
@@ -1,7 +1,8 @@
---
title: rotateX()
-slug: Web/CSS/transform-function/rotateX()
+slug: Web/CSS/transform-function/rotateX
translation_of: Web/CSS/transform-function/rotateX()
+original_slug: Web/CSS/transform-function/rotateX()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/rotatey()/index.html b/files/zh-cn/web/css/transform-function/rotatey/index.html
index b051527444..8381afc1ca 100644
--- a/files/zh-cn/web/css/transform-function/rotatey()/index.html
+++ b/files/zh-cn/web/css/transform-function/rotatey/index.html
@@ -1,7 +1,8 @@
---
title: rotateY()
-slug: Web/CSS/transform-function/rotateY()
+slug: Web/CSS/transform-function/rotateY
translation_of: Web/CSS/transform-function/rotateY()
+original_slug: Web/CSS/transform-function/rotateY()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/rotatez()/index.html b/files/zh-cn/web/css/transform-function/rotatez/index.html
index b7fc6b5da2..877ecada5b 100644
--- a/files/zh-cn/web/css/transform-function/rotatez()/index.html
+++ b/files/zh-cn/web/css/transform-function/rotatez/index.html
@@ -1,7 +1,8 @@
---
title: rotateZ()
-slug: Web/CSS/transform-function/rotateZ()
+slug: Web/CSS/transform-function/rotateZ
translation_of: Web/CSS/transform-function/rotateZ()
+original_slug: Web/CSS/transform-function/rotateZ()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/scale()/index.html b/files/zh-cn/web/css/transform-function/scale/index.html
index b025b5c5a0..7f43221751 100644
--- a/files/zh-cn/web/css/transform-function/scale()/index.html
+++ b/files/zh-cn/web/css/transform-function/scale/index.html
@@ -1,7 +1,8 @@
---
title: scale()
-slug: Web/CSS/transform-function/scale()
+slug: Web/CSS/transform-function/scale
translation_of: Web/CSS/transform-function/scale()
+original_slug: Web/CSS/transform-function/scale()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/scalex()/index.html b/files/zh-cn/web/css/transform-function/scalex/index.html
index c5a34d3e40..094baba99a 100644
--- a/files/zh-cn/web/css/transform-function/scalex()/index.html
+++ b/files/zh-cn/web/css/transform-function/scalex/index.html
@@ -1,11 +1,12 @@
---
title: scaleX()
-slug: Web/CSS/transform-function/scaleX()
+slug: Web/CSS/transform-function/scaleX
tags:
- axial symmetry
- scaleX()
- scaleX(-1)
translation_of: Web/CSS/transform-function/scaleX()
+original_slug: Web/CSS/transform-function/scaleX()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/scaley()/index.html b/files/zh-cn/web/css/transform-function/scaley/index.html
index 4c690dcbbe..42298ee377 100644
--- a/files/zh-cn/web/css/transform-function/scaley()/index.html
+++ b/files/zh-cn/web/css/transform-function/scaley/index.html
@@ -1,10 +1,11 @@
---
title: scaleY()
-slug: Web/CSS/transform-function/scaleY()
+slug: Web/CSS/transform-function/scaleY
tags:
- 'transform: rotateX(180deg);'
- 'transform: scaleY(-1);'
translation_of: Web/CSS/transform-function/scaleY()
+original_slug: Web/CSS/transform-function/scaleY()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/skew()/index.html b/files/zh-cn/web/css/transform-function/skew/index.html
index 6d5f1f4bf5..4373d3c9bd 100644
--- a/files/zh-cn/web/css/transform-function/skew()/index.html
+++ b/files/zh-cn/web/css/transform-function/skew/index.html
@@ -1,12 +1,13 @@
---
title: skew()
-slug: Web/CSS/transform-function/skew()
+slug: Web/CSS/transform-function/skew
tags:
- CSS
- CSS变形
- CSS方法
- 引用
translation_of: Web/CSS/transform-function/skew()
+original_slug: Web/CSS/transform-function/skew()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/skewx()/index.html b/files/zh-cn/web/css/transform-function/skewx/index.html
index 8069ddb912..f89fcb9a5c 100644
--- a/files/zh-cn/web/css/transform-function/skewx()/index.html
+++ b/files/zh-cn/web/css/transform-function/skewx/index.html
@@ -1,7 +1,8 @@
---
title: skewX()
-slug: Web/CSS/transform-function/skewX()
+slug: Web/CSS/transform-function/skewX
translation_of: Web/CSS/transform-function/skewX()
+original_slug: Web/CSS/transform-function/skewX()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/skewy()/index.html b/files/zh-cn/web/css/transform-function/skewy()/index.html
deleted file mode 100644
index 7362f1ce01..0000000000
--- a/files/zh-cn/web/css/transform-function/skewy()/index.html
+++ /dev/null
@@ -1,130 +0,0 @@
----
-title: skewY()
-slug: Web/CSS/transform-function/skewY()
-translation_of: Web/CSS/transform-function/skewY()
----
-<div>
-<p>{{CSSRef}}</p>
-
-<p><strong><code>skewY()</code></strong> 函数定义了一个转换,该转换将元素倾斜到二维平面上的垂直方向。它的结果是一个{{cssxref("&lt;transform-function&gt;")}}数据类型。</p>
-
-<p>{{EmbedInteractiveExample("pages/css/function-skewY.html")}}</p>
-
-<p>这种转换是一种剪切映射(横切),它在水平和垂直方向上将单元内的每个点扭曲一定的角度。每个点的坐标根据指定的角度以及到原点的距离,进行成比例的值调整;因此,一个点离原点越远,其增加的值就越大。</p>
-</div>
-
-<h2 id="语法">语法</h2>
-
-<pre class="syntaxbox notranslate">skewY(a)
-</pre>
-
-<h3 id="参数值">参数值</h3>
-
-<dl>
- <dt><code>a</code></dt>
-</dl>
-
-<dl>
- <dd><code>a</code> 是一个 {{cssxref("&lt;angle&gt;")}},表示元素沿纵坐标扭曲的角度。</dd>
-</dl>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">实坐标系 ℝ<sup>2</sup></th>
- <th scope="col">齐次坐标系ℝℙ<sup>2</sup></th>
- <th scope="col">实坐标系 ℝ<sup>3</sup></th>
- <th scope="col">齐次坐标系ℝℙ<sup>3</sup></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td colspan="1" rowspan="2">
- <p><math> <mfenced><mtable><mtr>1           <mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr></mtable></mfenced></math><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>tan(ax)  <mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
- </td>
- <td>
- <p><math> <mfenced><mtable><mtr>1                <mtd>0     </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>tan(ax)      <mtd>1     </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0                 </mtd><mtd>0    1</mtd></mtr></mtable> </mfenced></math></p>
- </td>
- <td colspan="1" rowspan="2">
- <p><math> <mfenced><mtable><mtr>1             <mtd>0        </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>tan(ax)   <mtd>1        </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0              </mtd><mtd>0       </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
- </td>
- <td colspan="1" rowspan="2">
- <p><math> <mfenced><mtable><mtr>1            <mtd>0  </mtd><mtd>0  </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>tan(ax) <mtd>1   </mtd><mtd>0  </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0            </mtd><mtd>0  </mtd><mtd>1  </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0            </mtd><mtd>0  </mtd><mtd>0  </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
- </td>
- </tr>
- <tr>
- <td><code>[1 tan(a) 0 1 0 0]</code></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="示例">示例</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html notranslate">&lt;p&gt;foo&lt;/p&gt;
-&lt;p class="transformed"&gt;bar&lt;/p&gt;</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css notranslate">p {
- width: 50px;
- height: 50px;
- background-color: teal;
-}
-
-.transformed {
- transform: skewY(40deg);
- background-color: blue;
-}
-</pre>
-
-<h3 id="结果">结果</h3>
-
-<p>{{EmbedLiveSample("示例","100%","250")}}</p>
-
-<h2 id="规范">规范</h2>
-
-<table>
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS3 Transforms", "#funcdef-transform-skewy", "skewY()")}}</td>
- <td>{{Spec2("CSS3 Transforms")}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="浏览器兼容">浏览器兼容</h2>
-
-<p>有关兼容性信息,请参阅 <code><a href="/en-US/docs/Web/CSS/transform-function#Browser_compatibility">&lt;transform-function&gt;</a></code> 的数据类型。</p>
-
-<h2 id="另请参阅">另请参阅</h2>
-
-<ul>
- <li>{{cssxref("transform")}}</li>
- <li>{{cssxref("&lt;transform-function&gt;")}}</li>
-</ul>
diff --git a/files/zh-cn/web/css/transform-function/translate()/index.html b/files/zh-cn/web/css/transform-function/translate/index.html
index a9d5e07535..8a17defad7 100644
--- a/files/zh-cn/web/css/transform-function/translate()/index.html
+++ b/files/zh-cn/web/css/transform-function/translate/index.html
@@ -1,12 +1,13 @@
---
title: translate()
-slug: Web/CSS/transform-function/translate()
+slug: Web/CSS/transform-function/translate
tags:
- CSS
- CSS Function
- CSS Transforms
- Reference
translation_of: Web/CSS/transform-function/translate()
+original_slug: Web/CSS/transform-function/translate()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/translate3d()/index.html b/files/zh-cn/web/css/transform-function/translate3d/index.html
index ca01d9c4ea..dfc10c3467 100644
--- a/files/zh-cn/web/css/transform-function/translate3d()/index.html
+++ b/files/zh-cn/web/css/transform-function/translate3d/index.html
@@ -1,12 +1,13 @@
---
title: translate3d()
-slug: Web/CSS/transform-function/translate3d()
+slug: Web/CSS/transform-function/translate3d
tags:
- CSS
- CSS 函数
- CSS 变换
- 参考
translation_of: Web/CSS/transform-function/translate3d()
+original_slug: Web/CSS/transform-function/translate3d()
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/translatex()/index.html b/files/zh-cn/web/css/transform-function/translatex/index.html
index c800a6c7eb..17d6a1f5c8 100644
--- a/files/zh-cn/web/css/transform-function/translatex()/index.html
+++ b/files/zh-cn/web/css/transform-function/translatex/index.html
@@ -1,13 +1,14 @@
---
title: translateX()
-slug: Web/CSS/transform-function/translateX()
-translation_of: Web/CSS/transform-function/translateX()
+slug: Web/CSS/transform-function/translateX
tags:
- CSS
- CSS Function
- CSS Transforms
- Function
- Reference
+translation_of: Web/CSS/transform-function/translateX()
+original_slug: Web/CSS/transform-function/translateX()
browser-compat: css.types.transform-function.translateX
---
<div>{{CSSRef}}</div>
diff --git a/files/zh-cn/web/css/transform-function/translatey()/index.html b/files/zh-cn/web/css/transform-function/translatey/index.html
index cbce9c8b14..644a30d0cc 100644
--- a/files/zh-cn/web/css/transform-function/translatey()/index.html
+++ b/files/zh-cn/web/css/transform-function/translatey/index.html
@@ -1,7 +1,8 @@
---
title: translateY()
-slug: Web/CSS/transform-function/translateY()
+slug: Web/CSS/transform-function/translateY
translation_of: Web/CSS/transform-function/translateY()
+original_slug: Web/CSS/transform-function/translateY()
---
<div>{{CSSRef}}</div>