Skip to content

Commit 4f2e590

Browse files
committed
Reformat note, remove now extraneous/incorrect/imprecise serialization information.
1 parent ecd7d27 commit 4f2e590

File tree

1 file changed

+10
-28
lines changed

1 file changed

+10
-28
lines changed

css-typed-om/Overview.bs

Lines changed: 10 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1312,36 +1312,18 @@ is stored in string form in the <dfn attribute for=CSSTransformComponent>cssText
13121312
</div>
13131313

13141314
<div class=note>
1315-
Each {{CSSTransformComponent}} can correspond to one of a number of underlying
1316-
transform functions. For example, a {{CSSTranslation}} with an x value of "10px"
1317-
and y &amp; z values of 0 could be:
1318-
1319-
* translate(10px)
1320-
* translate(10px, 0)
1321-
* translateX(10px)
1322-
* translate3d(10px, 0, 0)
1315+
Each {{CSSTransformComponent}} can correspond to
1316+
one of a number of underlying transform functions.
1317+
For example, a {{CSSTranslation}}
1318+
with an x value of ''10px''
1319+
and y &amp; z values of ''0px'' could represent any of the following:
1320+
1321+
* translate(10px)
1322+
* translate(10px, 0)
1323+
* translateX(10px)
1324+
* translate3d(10px, 0, 0)
13231325
</div>
13241326

1325-
When a {{CSSTransformValue}} is read from a {{StylePropertyMap}}, each
1326-
{{CSSTransformComponent}} will maintain the relevant transform function in
1327-
its <code>cssText</code> attribute. However, newly constructed {{CSSTransformValue}}s
1328-
will always generate <code>cssText</code> according to the following rules:
1329-
* {{CSSSkew}} will always serialize to skew(ax, ay)
1330-
* {{CSSPerspective}} will always serialize to perspective(length)
1331-
* {{CSSTranslation}}, {{CSSRotation}}, and {{CSSScale}} each have two
1332-
constructors. In each case, the constructor with fewer arguments constructs
1333-
a {{CSSTransformComponent}} for which {{CSSTransformComponent/is2D}} will be true,
1334-
with <code>cssText</code> employing the 2D version of the relevant transform
1335-
function (translate, rotate, scale). The constructor with more
1336-
arguments constructs a {{CSSTransformComponent}} for which
1337-
{{CSSTransformComponent/is2D}} will be false, with <code>cssText</code>
1338-
employing the 3D version of the relevant transform function (translate3d,
1339-
rotate3d, scale3d).
1340-
* {{CSSMatrixComponent}} objects are constructed around a {{DOMMatrixReadOnly}}, and
1341-
will serialize to a matrix function if the contained {{DOMMatrixReadOnly}}'s
1342-
{{DOMMatrixReadOnly/is2D}} attribute is false, and a matrix3d function
1343-
otherwise.
1344-
13451327
<!--
13461328
████████ ███████ ██████ ████ ████████ ████ ███████ ██ ██
13471329
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██

0 commit comments

Comments
 (0)