Skip to content

Commit 94fd681

Browse files
committed
Remove scale() transformation function.
1 parent f17bad2 commit 94fd681

5 files changed

Lines changed: 35 additions & 33 deletions

File tree

css3-transforms/Overview.html

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -36,14 +36,14 @@
3636

3737
<h1>CSS Transforms</h1>
3838

39-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 15 March 2012</h2>
39+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 March 2012</h2>
4040

4141
<dl>
4242
<dt>This version:
4343

4444
<dd> <a
45-
href="http://www.w3.org/TR/2012/ED-css3-transforms-20120315/">http://dev.w3.org/csswg/css3-transforms/</a>
46-
<!--http://www.w3.org/TR/2012/WD-css3-transforms-20120315-->
45+
href="http://www.w3.org/TR/2012/ED-css3-transforms-20120316/">http://dev.w3.org/csswg/css3-transforms/</a>
46+
<!--http://www.w3.org/TR/2012/WD-css3-transforms-20120316-->
4747

4848
<dt>Latest version:
4949

@@ -2035,20 +2035,15 @@ <h3 id=two-d-transform-functions><span class=secno>13.1. </span>2D
20352035
class=css>rotate(90deg)</code></code>&rsquo; would cause elements to
20362036
appear rotated one-quarter of a turn in the clockwise direction.
20372037

2038-
<dt> <code class=css>skew(&lt;angle&gt;[, &lt;angle&gt;])</code>
2039-
2040-
<dd> specifies a <a href="#SkewDefined">2D skew</a> by [ax,ay] for X and
2041-
Y. If the second parameter is not provided, it is has a zero value.
2042-
20432038
<dt> <code class=css>skewX(&lt;angle&gt;)</code>
20442039

2045-
<dd> specifies a <a href="#SkewDefined">2D skew transformation along the X
2046-
axis</a> by the given angle. The skew vector is [ax,0].
2040+
<dd> specifies a <a href="#SkewXDefined">2D skew transformation along the
2041+
X axis</a> by the given angle.
20472042

20482043
<dt> <code class=css>skewY(&lt;angle&gt;)</code>
20492044

2050-
<dd> specifies a <a href="#SkewDefined">2D skew transformation along the Y
2051-
axis</a> by the given angle. The skew vector is [0,ay].
2045+
<dd> specifies a <a href="#SkewYDefined">2D skew transformation along the
2046+
Y axis</a> by the given angle.
20522047
</dl>
20532048

20542049
<h3 id=three-d-transform-functions><span class=secno>13.2. </span>3D
@@ -2177,7 +2172,7 @@ <h2 id=animation><span class=secno>15. </span> Transitions and Animations
21772172
<ul>
21782173
<li> For translate, translate3d, translateX, translateY, translateZ,
21792174
scale, scale3d, scaleX, scaleY, scaleZ, rotate, rotateX, rotateY,
2180-
rotateZ, skew, skewX and skewY functions:
2175+
rotateZ, skewX and skewY functions:
21812176
<ul>
21822177
<li> the individual components of the function are interpolated
21832178
numerically.
@@ -2219,9 +2214,9 @@ <h2 id=animation><span class=secno>15. </span> Transitions and Animations
22192214
<p> The identity functions are translate(0), translate3d(0, 0, 0),
22202215
translateX(0), translateY(0), translateZ(0), scale(1), scale3d(1, 1,
22212216
1), scaleX(1), scaleY(1), scaleZ(1), rotate(0), rotate3d(1, 1, 1, 0),
2222-
rotateX(0), rotateY(0), rotateZ(0), skew(0), skewX(0), skewY(0),
2223-
matrix(1, 0, 0, 1, 0, 0) and matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1,
2224-
0, 0, 0, 0, 1).</p>
2217+
rotateX(0), rotateY(0), rotateZ(0), skewX(0), skewY(0), matrix(1, 0,
2218+
0, 1, 0, 0) and matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0,
2219+
1).</p>
22252220
</ul>
22262221

22272222
<li> If both the &lsquo;<code class=property>from</code>&rsquo; and
@@ -2459,12 +2454,19 @@ <h2 id=mathematical-description><span class=secno>17. </span> Mathematical
24592454
href="#Rotate3dDefined">3D rotation</a> with vector [0,0,1] and
24602455
parameter <em>alpha</em>.</p>
24612456

2462-
<li id=SkewDefined>
2463-
<p> A 2D skew transformation with the parameters <em>alpha</em> and
2457+
<li id=SkewXDefined>
2458+
<p> A 2D skew transformation along the X axis with the parameter
2459+
<em>alpha</em> is equivalent to the matrix:</p>
2460+
<img
2461+
alt="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ 0 & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
2462+
height=106 src=skewX.png width=155>
2463+
2464+
<li id=SkewYDefined>
2465+
<p> A 2D skew transformation along the Y axis with the parameter
24642466
<em>beta</em> is equivalent to the matrix:</p>
24652467
<img
2466-
alt="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
2467-
height=106 src=skew.png width=205>
2468+
alt="\begin{bmatrix} 1 & 0 & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
2469+
height=106 src=skewY.png width=155>
24682470

24692471
<li id=Translate3dDefined>
24702472
<p> A 3D translation with the parameters <em>tx</em>, <em>ty</em> and

css3-transforms/Transforms.src.html

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1681,23 +1681,17 @@ <h3 id="two-d-transform-functions">2D Transformation Functions</h3>
16811681
defined by the '<code class="property">transform-origin</code>' property. For example, '<code class="css">rotate(90deg)</code>'
16821682
would cause elements to appear rotated one-quarter of a turn in the clockwise direction.
16831683
</dd>
1684-
<dt>
1685-
<code class="css">skew(&lt;angle&gt;[, &lt;angle&gt;])</code>
1686-
</dt>
1687-
<dd>
1688-
specifies a <a href="#SkewDefined">2D skew</a> by [ax,ay] for X and Y. If the second parameter is not provided, it is has a zero value.
1689-
</dd>
16901684
<dt>
16911685
<code class="css">skewX(&lt;angle&gt;)</code>
16921686
</dt>
16931687
<dd>
1694-
specifies a <a href="#SkewDefined">2D skew transformation along the X axis</a> by the given angle. The skew vector is [ax,0].
1688+
specifies a <a href="#SkewXDefined">2D skew transformation along the X axis</a> by the given angle.
16951689
</dd>
16961690
<dt>
16971691
<code class="css">skewY(&lt;angle&gt;)</code>
16981692
</dt>
16991693
<dd>
1700-
specifies a <a href="#SkewDefined">2D skew transformation along the Y axis</a> by the given angle. The skew vector is [0,ay].
1694+
specifies a <a href="#SkewYDefined">2D skew transformation along the Y axis</a> by the given angle.
17011695
</dd>
17021696
</dl>
17031697

@@ -1828,7 +1822,7 @@ <h2 id="animation">
18281822
<ul>
18291823
<li>
18301824
For translate, translate3d, translateX, translateY, translateZ, scale,
1831-
scale3d, scaleX, scaleY, scaleZ, rotate, rotateX, rotateY, rotateZ, skew, skewX
1825+
scale3d, scaleX, scaleY, scaleZ, rotate, rotateX, rotateY, rotateZ, skewX
18321826
and skewY functions:
18331827
<ul>
18341828
<li>
@@ -1879,7 +1873,7 @@ <h2 id="animation">
18791873
The identity functions are translate(0), translate3d(0, 0, 0),
18801874
translateX(0), translateY(0), translateZ(0), scale(1), scale3d(1, 1, 1),
18811875
scaleX(1), scaleY(1), scaleZ(1), rotate(0), rotate3d(1, 1, 1, 0),
1882-
rotateX(0), rotateY(0), rotateZ(0), skew(0), skewX(0), skewY(0),
1876+
rotateX(0), rotateY(0), rotateZ(0), skewX(0), skewY(0),
18831877
matrix(1, 0, 0, 1, 0, 0) and
18841878
matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1).
18851879
</p>
@@ -2123,11 +2117,17 @@ <h2 id="mathematical-description">
21232117
with vector [0,0,1] and parameter <em>alpha</em>.
21242118
</p>
21252119
</li>
2126-
<li id="SkewDefined">
2120+
<li id="SkewXDefined">
2121+
<p>
2122+
A 2D skew transformation along the X axis with the parameter <em>alpha</em> is equivalent to the matrix:
2123+
</p>
2124+
<img src="skewX.png" alt="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ 0 & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="155" height="106">
2125+
</li>
2126+
<li id="SkewYDefined">
21272127
<p>
2128-
A 2D skew transformation with the parameters <em>alpha</em> and <em>beta</em> is equivalent to the matrix:
2128+
A 2D skew transformation along the Y axis with the parameter <em>beta</em> is equivalent to the matrix:
21292129
</p>
2130-
<img src="skew.png" alt="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="205" height="106">
2130+
<img src="skewY.png" alt="\begin{bmatrix} 1 & 0 & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="155" height="106">
21312131
</li>
21322132
<li id="Translate3dDefined">
21332133
<p>

css3-transforms/skew.png

-1.79 KB
Binary file not shown.

css3-transforms/skewX.png

1.45 KB
Loading

css3-transforms/skewY.png

1.45 KB
Loading

0 commit comments

Comments
 (0)