Skip to content

Commit 66734cf

Browse files
committed
[css-transforms] Replace <translation-value> with <length>.
1 parent 0287371 commit 66734cf

2 files changed

Lines changed: 10 additions & 18 deletions

File tree

css-transforms/ChangeLog

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
2014-05-26 Dirk Schulze <dschulze@adobe.com>
2+
Replace <translation-value> with <length>.
3+
14
2014-03-24 Dirk Schulze <dschulze@adobe.com>
25
Fixed typo for translateY() transform function.
36
https://www.w3.org/Bugs/Public/show_bug.cgi?id=25134

css-transforms/Overview.src.html

Lines changed: 7 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1143,10 +1143,10 @@ <h4 id="svg-data-types">SVG Data Types</h4>
11431143
Arguments on all new introduced presentation attributes consist of data types in the sense of CSS Values and Units Module [[!CSS3VAL]]. The definitions of data types in CSS Values and Units Module are enhanced as follows:
11441144

11451145
<h5 id="svg-transform-value">
1146-
The <<translation-value>> and <<length>> type
1146+
The <<length>> type
11471147
</h5>
11481148

1149-
A <dfn>&lt;translation-value></dfn> or <<length>> can be a <<number>> without an unit identifier. In this case the <a href="#svg-number"><em>number</em></a> gets interpreted as "user unit". A user unit in the the <a href="http://www.w3.org/TR/2003/REC-SVG11-20030114/coords.html#InitialCoordinateSystem">initial coordinate system</a> is equivalent to the parent environment's notion of a pixel unit.
1149+
A <<length>> can be a <<number>> without an unit identifier. In this case the <a href="#svg-number"><em>number</em></a> gets interpreted as "user unit". A user unit in the the <a href="http://www.w3.org/TR/2003/REC-SVG11-20030114/coords.html#InitialCoordinateSystem">initial coordinate system</a> is equivalent to the parent environment's notion of a pixel unit.
11501150

11511151
<h5 id="svg-angle">The <<angle>> type</h5>
11521152

@@ -1170,7 +1170,7 @@ <h3 id="svg-transform-functions">
11701170

11711171
<dl>
11721172
<dt id="rotate-three-function">
1173-
<pre class='prod'><i>rotate()</i> = rotate( <<angle>> [, <<translation-value>>, <<translation-value>>]? )</pre>
1173+
<pre class='prod'><i>rotate()</i> = rotate( <<angle>> [, <<length>>, <<length>>]? )</pre>
11741174
</dt>
11751175
<dd>
11761176
specifies a <a href="#RotateDefined">2D rotation</a> by the angle specified in the parameter about the origin of the element, as defined by the 'transform-origin' property. If the optional translation values are specified, the transform origin is translated by that amount (using the current transformation matrix) for the duration of the rotate operation. For example ''rotate(90deg, 100px, 100px)'' would cause elements to appear rotated one-quarter of a turn in the clockwise direction after a translation of the transform-origin of 100 pixel in the horizontal and vertical directions.
@@ -1256,8 +1256,6 @@ <h3 id="svg-animate-element">
12561256

12571257
With this specification the SVG basic data type <<transform-list>> is equivalent to a list of <<transform-function>>s. <<transform-list>> is animatable and additive. The data type can be animated using the SVG <a>'animate element'</a> element and the SVG <a>'set element'</a> element. SVG animations must run the same animation steps as described in section <a href="#interpolation-of-transforms">Transitions and Animations between Transform Values</a>.
12581258

1259-
The set of animatable data types gets extended by <<translation-value>>. The new data type is animatable and additive.
1260-
12611259
<table class="data">
12621260
<caption>Animatable data types</caption>
12631261
<thead>
@@ -1282,15 +1280,6 @@ <h3 id="svg-animate-element">
12821280
<td>Additive for <a>'animateTransform element'</a> means that a transformation is post-multiplied to the base set of
12831281
transformations.</td>
12841282
</tr>
1285-
<tr>
1286-
<th><<translation-value>></th>
1287-
<td>yes</td>
1288-
<td>yes</td>
1289-
<td>yes</td>
1290-
<td>no</td>
1291-
<td>no</td>
1292-
<td>&nbsp;</td>
1293-
</tr>
12941283
</tbody>
12951284
</table>
12961285

@@ -1385,19 +1374,19 @@ <h3 id="two-d-transform-functions">2D Transform Functions</h3>
13851374
specifies a 2D transformation in the form of a <a href="#MatrixDefined">transformation matrix</a> of the six values a-f.
13861375
</dd>
13871376
<dt>
1388-
<pre class='prod'><dfn>translate()</dfn> = translate( <<translation-value>> [, <<translation-value>> ]? )</pre>
1377+
<pre class='prod'><dfn>translate()</dfn> = translate( <<length>> [, <<length>> ]? )</pre>
13891378
</dt>
13901379
<dd>
13911380
specifies a <a href="#TranslateDefined">2D translation</a> by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter. If <em>&lt;ty></em> is not provided, ty has zero as a value.
13921381
</dd>
13931382
<dt>
1394-
<pre class='prod'><dfn>translateX()</dfn> = translateX( <<translation-value>> )</pre>
1383+
<pre class='prod'><dfn>translateX()</dfn> = translateX( <<length>> )</pre>
13951384
</dt>
13961385
<dd>
13971386
specifies a <a href="#TranslateDefined">translation</a> by the given amount in the X direction.
13981387
</dd>
13991388
<dt>
1400-
<pre class='prod'><dfn>translateY()</dfn> = translateY( <<translation-value>> )</pre>
1389+
<pre class='prod'><dfn>translateY()</dfn> = translateY( <<length>> )</pre>
14011390
</dt>
14021391
<dd>
14031392
specifies a <a href="#TranslateDefined">translation</a> by the given amount in the Y direction.
@@ -1460,7 +1449,7 @@ <h3 id="three-d-transform-functions">3D Transform Functions</h3>
14601449
specifies a 3D transformation as a 4x4 homogeneous matrix of 16 values in column-major order.
14611450
</dd>
14621451
<dt>
1463-
<pre class='prod'><dfn>translate3d()</dfn> = translate3d( <<translation-value>> , <<translation-value>> , <<length>> )</pre>
1452+
<pre class='prod'><dfn>translate3d()</dfn> = translate3d( <<length>> , <<length>> , <<length>> )</pre>
14641453
</dt>
14651454
<dd>
14661455
specifies a <a href="#Translate3dDefined">3D translation</a> by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.

0 commit comments

Comments
 (0)