|
2 | 2 | Title: CSS Transforms Module Level 2
|
3 | 3 | Shortname: css-transforms
|
4 | 4 | Level: 2
|
5 |
| -Status: ED |
| 5 | +Status: FPWD |
| 6 | +Date: 2020-03-03 |
| 7 | +Prepare for TR: yes |
| 8 | +Delta Spec: yes |
6 | 9 | Work Status: Exploring
|
7 | 10 | Group: csswg
|
8 | 11 | ED: https://drafts.csswg.org/css-transforms-2/
|
| 12 | +TR: https://www.w3.org/TR/css-transforms-2/ |
9 | 13 | Editor: Tab Atkins Jr., Google Inc http://google.com, http://xanthir.com/contact/, w3cid 42199
|
10 | 14 | Editor: Simon Fraser, Apple Inc http://www.apple.com/, simon.fraser@apple.com, w3cid 44066
|
11 | 15 | Editor: Dean Jackson, Apple Inc http://www.apple.com/, dino@apple.com, w3cid 42080
|
12 | 16 | Editor: Theresa O'Connor, Apple Inc http://www.apple.com/, eoconnor@apple.com, w3cid 40614
|
13 | 17 | Abstract: CSS transforms allows elements styled with CSS to be transformed in two-dimensional or three-dimensional space.
|
14 | 18 | Abstract:
|
15 |
| -Abstract: This spec add new tranform functions and properties for three-dimensional transforms, and convenience functions for simple transforms. |
| 19 | +Abstract: This spec adds new tranform functions and properties for three-dimensional transforms, and convenience functions for simple transforms. |
16 | 20 | Ignored Terms: SVG data types
|
17 | 21 | </pre>
|
18 | 22 |
|
@@ -75,7 +79,7 @@ Three-dimensional transforms affect the visual layering of elements, and thus ov
|
75 | 79 | Value Definitions {#values}
|
76 | 80 | -----------------
|
77 | 81 |
|
78 |
| -This specification follows the <a href="https://www.w3.org/TR/CSS2/about.html#property-defs">CSS property definition conventions</a> from [[!CSS2]] |
| 82 | +This specification follows the <a href="https://www.w3.org/TR/CSS2/about.html#property-defs">CSS property definition conventions</a> from [[!CSS21]] |
79 | 83 | using the <a href="https://www.w3.org/TR/css-values-3/#value-defs">value definition syntax</a> from [[!CSS-VALUES-3]].
|
80 | 84 | Value types not defined in this specification are defined in CSS Values & Units [[!CSS-VALUES-3]].
|
81 | 85 | Combination with other CSS modules may expand the definitions of these value types.
|
@@ -191,7 +195,7 @@ Three-dimensional transform functions conceptually extend the coordinate space i
|
191 | 195 |
|
192 | 196 | Normally, elements render as flat planes, and are rendered into the same plane as their stacking context. 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 stacking context.
|
193 | 197 |
|
194 |
| -An element with a three-dimensional transform that is not contained in a <a>3D rendering context</a> renders with the appropriate transform applied, but does not intersect with any other elements. The three-dimensional transform in this case can be considered just as a painting effect, like two-dimensional transforms. Similarly, the transform does not affect painting order. For example, a transform with a positive Z translation may make an element look larger, but does not cause that element to render in front of elements with no translation in Z. |
| 198 | +An element with a three-dimensional transform that is not contained in a <a>3D rendering context</a> renders with the appropriate transform applied, but does not intersect with any other elements. The three-dimensional transform in this case can be considered just as a painting effect, like two-dimensional transforms. Similarly, the transform does not affect painting order. For example, a transform with a positive Z translation may make an element look larger, but does not cause that element to render in front of elements with no translation in Z. |
195 | 199 |
|
196 | 200 | Issue: describe how nested 3d-transformed elements render (perhaps with math)
|
197 | 201 |
|
@@ -293,7 +297,7 @@ This section specifies the rendering model for content that uses 3D-transforms a
|
293 | 297 |
|
294 | 298 | A <a>3D rendering context</a> is a set of elements rooted in a common ancestor that, for the purposes of 3D-transform rendering, are considered to share a common three-dimensional coordinate system. The front-to-back rendering of elements in the a 3D rendering context depends on their z-position in that three-dimensional space, and, if the 3D transforms on those elements cause them to intersect, then they are rendered with intersection.
|
295 | 299 |
|
296 |
| -The position of each element in that three-dimensional space is determined by accumulating the transformation matrices up from the given element to the element that establishes the <a>3D rendering context</a>. |
| 300 | +The position of each element in that three-dimensional space is determined by accumulating the transformation matrices up from the given element to the element that establishes the <a>3D rendering context</a>. |
297 | 301 |
|
298 | 302 | Elements establish and participate in 3D rendering contexts as follows:
|
299 | 303 |
|
|
0 commit comments