You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
with the planes transformed by the [=accumulated 3D transformation matrix=].
340
340
Coplanar [=3D transformed elements=] are rendered in painting order.
341
341
@@ -487,7 +487,7 @@ The final value of the transform used to render an element in a <a>3D rendering
487
487
4. Let <var>current element</var> be the <var>parent element</var>.
488
488
5. Let <var>parent element</var> be the <var>current element</var>'s parent.
489
489
490
-
Note: as described here, the <a>accumulated 3D transformation matrix</a> takes into account offsets (including the scroll offset) generated by the <a href="https://www.w3.org/TR/REC-CSS2/visuren.html">visual formatting model</a> on the transformed element, and elements in its ancestor chain up to and including the element that establishes the its <a>3D rendering context</a>.
490
+
Note: as described here, the <a>accumulated 3D transformation matrix</a> takes into account offsets (including the scroll offset) generated by the <a href="https://www.w3.org/TR/CSS2/visuren.html">visual formatting model</a> on the transformed element, and elements in its ancestor chain up to and including the element that establishes the its <a>3D rendering context</a>.
If <var>w</var> = 0, (<var>x</var>′, <var>y</var>′, <var>z</var>′) = (<var>x</var> ⋅ <var>n</var>, <var>y</var> ⋅ <var>n</var>, <var>z</var> ⋅ <var>n</var>). <var>n</var> is an implementation-dependent value that should be chosen so that <var>x</var>′ or <var>y</var>′ is much larger than the viewport size, if possible. For example, (5px, 22px, 0px, 0) might become (5000px, 22000px, 0px), with <var>n</var> = 1000, but this value of <var>n</var> would be too small for (0.1px, 0.05px, 0px, 0). This specification does not define the value of <var>n</var> exactly. Conceptually, (<var>x</var>′, <var>y</var>′, <var>z</var>′) is <a href="http://en.wikipedia.org/wiki/Plane_at_infinity">infinitely far</a> in the direction (<var>x</var>, <var>y</var>, <var>z</var>).
549
+
If <var>w</var> = 0, (<var>x</var>′, <var>y</var>′, <var>z</var>′) = (<var>x</var> ⋅ <var>n</var>, <var>y</var> ⋅ <var>n</var>, <var>z</var> ⋅ <var>n</var>). <var>n</var> is an implementation-dependent value that should be chosen so that <var>x</var>′ or <var>y</var>′ is much larger than the viewport size, if possible. For example, (5px, 22px, 0px, 0) might become (5000px, 22000px, 0px), with <var>n</var> = 1000, but this value of <var>n</var> would be too small for (0.1px, 0.05px, 0px, 0). This specification does not define the value of <var>n</var> exactly. Conceptually, (<var>x</var>′, <var>y</var>′, <var>z</var>′) is <a href="https://en.wikipedia.org/wiki/Plane_at_infinity">infinitely far</a> in the direction (<var>x</var>, <var>y</var>, <var>z</var>).
550
550
551
551
If <var>w</var> < 0 for all four corners of the transformed box, the box is not rendered.
0 commit comments