Skip to content

Commit 53c9ac5

Browse files
bert-githubbert-github
committed
Moved link to standard style sheet to after the local style. Updated
previous-version link. Fixed some broken links. Fixed some mark-up errors.
1 parent fc940dc commit 53c9ac5

1 file changed

Lines changed: 16 additions & 15 deletions

File tree

‎css3-transforms/Transforms.src.html‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
22
<html lang="en">
33
<head profile="http://www.w3.org/2006/03/hcard">
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
55
<title>CSS Transforms</title>
6-
<link rel="stylesheet" type="text/css" href="../default.css" />
7-
<link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" />
6+
<link rel="stylesheet" type="text/css" href="../default.css" >
87
<script src='http://test.csswg.org/harness/annotate.js#CSS3-TRANSFORMS_DEV' type='text/javascript' defer></script>
98

109
<style type="text/css">
@@ -25,6 +24,7 @@
2524
color: #f44;
2625
}
2726
</style>
27+
<link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" >
2828

2929
</head>
3030
<body>
@@ -44,16 +44,16 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
4444
href="http://www.w3.org/TR/css3-transforms/">[LATEST]</a>
4545
<dt>Editor's draft:
4646
<dd><a href="http://dev.w3.org/csswg/[SHORTNAME]/">http://dev.w3.org/csswg/[SHORTNAME]/</a>
47-
<dt>Previous versions:
48-
<dd><a href='http://www.w3.org/TR/2012/WD-css3-transforms-20120228/'>http://www.w3.org/TR/2012/WD-css3-transforms-20120228/</a>
47+
<dt>Previous version:
48+
<dd><a href='http://www.w3.org/TR/2012/WD-css3-transforms-20120911/'>http://www.w3.org/TR/2012/WD-css3-transforms-20120911/</a>
4949
<dt id="editors-list">Editors:
5050
<dd>Simon Fraser (<a href="http://www.apple.com/">Apple Inc</a>) &lt;simon.fraser &#64;apple.com&gt;
5151
<dd>Dean Jackson (<a href="http://www.apple.com/">Apple Inc</a>) &lt;dino &#64;apple.com&gt;
5252
<dd>Edward O'Connor (<a href="http://www.apple.com/">Apple Inc</a>) &lt;eoconnor &#64;apple.com&gt;
5353
<dd>Dirk Schulze (<a href="http://www.adobe.com/">Adobe Systems, Inc</a>) &lt;dschulze &#64;adobe.com&gt;
5454
<dd>Aryeh Gregor (<a href="http://www.mozilla.org/">Mozilla</a>) &lt;ayg &#64;aryeh.name&gt;
5555

56-
<dt id="editors-list">Former Editors:
56+
<dt id="former-editors-list">Former Editors:
5757
<dd>David Hyatt (<a href="http://www.apple.com/">Apple Inc</a>) &lt;hyatt &#64;apple.com&gt;
5858
<dd>Chris Marrin (<a href="http://www.apple.com/">Apple Inc</a>) &lt;cmarrin &#64;apple.com&gt;
5959

@@ -377,7 +377,7 @@ <h2 id="transform-rendering">The Transform Rendering Model</h2>
377377
<li>Multiply by each of the transform functions in 'transform' property in turn</li>
378378
<li>Translate by the negated computed X, Y and Z values of 'transform-origin'</li>
379379
</ol>
380-
</p>
380+
381381
<p>
382382
Transforms apply to <span class="term">transformable elements</span>.
383383
</p>
@@ -473,7 +473,7 @@ <h2 id="transform-rendering">The Transform Rendering Model</h2>
473473
applied to them, or to any of their ancestor elements), a value of ''fixed'' for the
474474
'background-attachment' property is treated as if it had a value of ''scroll''.
475475
<p class="issue">Does this affect the computed style of background-attachment?</p>
476-
</p>
476+
477477
<p class="note">
478478
If the root element is transformed, the transformation applies
479479
to the entire canvas, including any background specified for
@@ -585,7 +585,7 @@ <h3 id="transform-3d-rendering">3D Transform Rendering</h3>
585585
<li>Multiply by the matrix that would be obtained from the '<a href="#perspective-function"><code class="css">perspective(&lt;length&gt;)</code></a>' transform function, where the length is provided by the value of the 'perspective' property</li>
586586
<li>Translate by the negated computed X and Y values of 'perspective-origin'</li>
587587
</ol>
588-
</p>
588+
589589

590590
<div class="example">
591591
<p>This example shows how perspective can be used to cause three-dimensional transforms to appear more realistic.
@@ -1312,7 +1312,7 @@ <h2 id="transform-style-property">
13121312
<li>'filter': any value other than ''none''.</li>
13131313
<!-- Others? -->
13141314
</ul>
1315-
</p>
1315+
13161316
<div class="issue">
13171317
<p class="desc">Should this affect the computed value of transform-style?</p>
13181318
</div>
@@ -1634,7 +1634,7 @@ <h2 id="backface-visibility-property">
16341634
is visible.
16351635
</li>
16361636
</ol>
1637-
</p>
1637+
16381638
<p class="note">
16391639
The reasoning for this definition is as follows. Assume
16401640
elements are rectangles in the <var>x</var>&ndash;<var>y</var>
@@ -2593,7 +2593,7 @@ <h2 id="transform-primitives">
25932593
class="css">scale(&lt;number&gt;[, &lt;number&gt;])</code>.
25942594
</dd>
25952595
<dt id="rotate3d-primitive">
2596-
<code class="css">rotate3d(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;, &lt;angle&gt;)
2596+
<code class="css">rotate3d(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;, &lt;angle&gt;)</code>
25972597
</dt>
25982598
<dd>
25992599
for <code class="css">rotate(&lt;number&gt;)</code>, <code
@@ -2725,9 +2725,9 @@ <h2 id="matrix-interpolation">
27252725
translation, rotation, scale, skew and perspective values. Not all matrices can be
27262726
accurately described by these values. Those that can't are decomposed into the most
27272727
accurate representation possible, using the pseudocode in <a
2728-
href="#unmatrix">Decomposing the Matrix</a>. The resulting values get <a
2729-
href="matrix-values-interpolation">interpolated numerically</a> and <a
2730-
href="matrix-recomposing">recomposed back to a matrix</a> in a final step.
2728+
href="#matrix-decomposing">Decomposing the Matrix</a>. The resulting values get <a
2729+
href="#matrix-values-interpolation">interpolated numerically</a> and <a
2730+
href="#matrix-recomposing">recomposed back to a matrix</a> in a final step.
27312731
</p>
27322732

27332733
<div class="note">
@@ -3055,6 +3055,7 @@ <h2 id="mathematical-description">
30553055
<p>
30563056
Mathematically, all transform functions can be represented as 4x4 transformation matrices of the following form:
30573057
</p>
3058+
<p>
30583059
<img src="4x4matrix.png" alt="\begin{bmatrix} m11 & m21 & m31 & m41 \\ m12 & m22 & m32 & m42 \\ m13 & m23 & m33 & m43 \\ m14 & m24 & m34 & m44 \end{bmatrix}" width="222" height="106">
30593060

30603061
<ul>

0 commit comments

Comments
 (0)