Skip to content

Commit a3ee86b

Browse files
committed
Terminate an anchor, and remove an incorrect statement about 3D rendering context membership.
1 parent 9c12fc3 commit a3ee86b

File tree

3 files changed

+10
-6
lines changed

3 files changed

+10
-6
lines changed

css-transforms/ChangeLog

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
2014-10-25 Simon Fraser <simon.fraser@apple.com>
2+
Terminate an anchor, and remove an incorrect statement about 3D rendering context membership.
3+
14
2014-10-25 Simon Fraser <simon.fraser@apple.com>
25
Made "Grouping property values" into a section so that it can be linked from elsewhere.
36
Added a "card flip" example for background-visibility

css-transforms/Overview.html

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -246,14 +246,15 @@ <h2 class="heading settled" data-level=4 id=terminology><span class=secno>4. </s
246246

247247
<dt><dfn data-dfn-type=dfn data-noexport="" id=3d-rendering-context>3D rendering context<a class=self-link href=#3d-rendering-context></a></dfn></dt>
248248
<dd>
249-
A set of elements with a common ancestor which share a common three-dimensional coordinate system, as described <a href=#3d-rendering-contexts>below
250-
</a></dl><a href=#3d-rendering-contexts>
249+
A set of elements with a common ancestor which share a common three-dimensional coordinate system, as described <a href=#3d-rendering-contexts>below</a>.
250+
</dd>
251+
</dl>
251252

252253

253254

254255
<h2 class="heading settled" data-level=5 id=two-dimensional-subset><span class=secno>5. </span><span class=content>Two Dimensional Subset</span><a class=self-link href=#two-dimensional-subset></a></h2>
255256

256-
</a><p><a href=#3d-rendering-contexts>UAs may not always be able to render three-dimensional transforms and then just support a two-dimensional subset of this specification. In this case </a><a href=#three-d-transform-functions>three-dimensional transforms</a> and the properties <a class=property data-link-type=propdesc href=#propdef-transform-style title=transform-style>transform-style</a>, <a class=property data-link-type=propdesc href=#propdef-perspective title=perspective>perspective</a>, <a class=property data-link-type=propdesc href=#propdef-perspective-origin title=perspective-origin>perspective-origin</a> and <a class=property data-link-type=propdesc href=#propdef-backface-visibility title=backface-visibility>backface-visibility</a> must not be supported. Section <a href=#3d-transform-rendering>3D Transform Rendering</a> does not apply. Matrix decomposing uses the technique taken from the "unmatrix" method in "Graphics Gems II, edited by Jim Arvo", simplified for the 2D case. Section <a href=#mathematical-description>Mathematical Description of Transform Functions</a> is still effective but can be reduced by using a 3x3 transformation matrix where <em>a</em> equals m<sub>11</sub>, <em>b</em> equals m<sub>12</sub>, <em>c</em> equals m<sub>21</sub>, <em>d</em> equals m<sub>22</sub>, <em>e</em> equals m<sub>41</sub> and <em>f</em> equals m<sub>42</sub> (see <a href=#MatrixDefined>A 2D 3x2 matrix with six parameter</a>).</p>
257+
<p>UAs may not always be able to render three-dimensional transforms and then just support a two-dimensional subset of this specification. In this case <a href=#three-d-transform-functions>three-dimensional transforms</a> and the properties <a class=property data-link-type=propdesc href=#propdef-transform-style title=transform-style>transform-style</a>, <a class=property data-link-type=propdesc href=#propdef-perspective title=perspective>perspective</a>, <a class=property data-link-type=propdesc href=#propdef-perspective-origin title=perspective-origin>perspective-origin</a> and <a class=property data-link-type=propdesc href=#propdef-backface-visibility title=backface-visibility>backface-visibility</a> must not be supported. Section <a href=#3d-transform-rendering>3D Transform Rendering</a> does not apply. Matrix decomposing uses the technique taken from the "unmatrix" method in "Graphics Gems II, edited by Jim Arvo", simplified for the 2D case. Section <a href=#mathematical-description>Mathematical Description of Transform Functions</a> is still effective but can be reduced by using a 3x3 transformation matrix where <em>a</em> equals m<sub>11</sub>, <em>b</em> equals m<sub>12</sub>, <em>c</em> equals m<sub>21</sub>, <em>d</em> equals m<sub>22</sub>, <em>e</em> equals m<sub>41</sub> and <em>f</em> equals m<sub>42</sub> (see <a href=#MatrixDefined>A 2D 3x2 matrix with six parameter</a>).</p>
257258

258259
<div class=figure>
259260
<img alt="3x3 matrix" height=79 src=3x3matrix.png title="\begin{bmatrix} a &amp; c &amp; e \\ b
@@ -368,7 +369,7 @@ <h3 class="heading settled" data-level=6.1 id=3d-transform-rendering><span class
368369

369370
<p>Normally, elements render as flat planes, and are rendered into the same plane as their containing block. Often this is the plane shared by the rest of the page. Two-dimensional transform functions can alter the appearance of an element, but that element is still rendered into the same plane as its containing block.</p>
370371

371-
<p>Three-dimensional transforms can result in transformation matrices with a non-zero Z component (where the Z axis projects out of the plane of the screen). This can result in an element rendering on a different plane than that of its containing block. This may affect the front-to-back rendering order of that element relative to other elements, as well as causing it to intersect with other elements. This behavior depends on whether the element is a member of a <a data-link-type=dfn href=#3d-rendering-context title="3D rendering context">3D rendering context</a>, as described below.</p>
372+
<p>Three-dimensional transforms can result in transformation matrices with a non-zero Z component (where the Z axis projects out of the plane of the screen). This can result in an element rendering on a different plane than that of its containing block. This may affect the front-to-back rendering order of that element relative to other elements, as well as causing it to intersect with other elements.</p>
372373

373374
<div class=example>
374375

css-transforms/Overview.src.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -176,7 +176,7 @@ <h2 id="terminology">Terminology</h2>
176176

177177
<dt><dfn>3D rendering context</dfn></dt>
178178
<dd>
179-
A set of elements with a common ancestor which share a common three-dimensional coordinate system, as described <a href="#3d-rendering-contexts">below</a.
179+
A set of elements with a common ancestor which share a common three-dimensional coordinate system, as described <a href="#3d-rendering-contexts">below</a>.
180180
</dd>
181181
</dl>
182182

@@ -322,7 +322,7 @@ <h3 id="3d-transform-rendering">3D Transform Rendering</h3>
322322

323323
Normally, elements render as flat planes, and are rendered into the same plane as their containing block. Often this is the plane shared by the rest of the page. Two-dimensional transform functions can alter the appearance of an element, but that element is still rendered into the same plane as its containing block.
324324

325-
Three-dimensional transforms can result in transformation matrices with a non-zero Z component (where the Z axis projects out of the plane of the screen). This can result in an element rendering on a different plane than that of its containing block. This may affect the front-to-back rendering order of that element relative to other elements, as well as causing it to intersect with other elements. This behavior depends on whether the element is a member of a <i>3D rendering context</i>, as described below.
325+
Three-dimensional transforms can result in transformation matrices with a non-zero Z component (where the Z axis projects out of the plane of the screen). This can result in an element rendering on a different plane than that of its containing block. This may affect the front-to-back rendering order of that element relative to other elements, as well as causing it to intersect with other elements.
326326

327327
<div class="example">
328328

0 commit comments

Comments
 (0)