Skip to content

Commit b1f242d

Browse files
committed
[css-transforms-1] transform presentation attribute may be start/end value of CSS Transitions. w3c#2684
1 parent f6c1270 commit b1f242d

File tree

1 file changed

+2
-3
lines changed

1 file changed

+2
-3
lines changed

css-transforms-1/Overview.bs

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -796,9 +796,7 @@ SVG transform functions of the <a element-attr for>transform</a>, <{pattern/patt
796796

797797
The SVG transform function <a href="#svg-rotate">rotate</a> with 3 values can not be mapped to a corresponding CSS <<transform-function>>. The 2 optional number values represent a horizontal translation value ''cx'' followed by a vertical translation value ''cy''. Both number values get interpreted as CSS <<length>> types with ''px'' units and define the origin for rotation. The behavior is equivalent to an initial translation by ''cx'', ''cy'', a rotation defined by the first number value interpreted as <<angle>> type with ''deg'' unit followed by a translation by ''-cx'', ''-cy''.
798798

799-
If the value of a <a element-attr for>transform</a> attribute is the start or end value of a CSS Transition and the SVG <a href="svg-transform-list">transform list</a> contains at least one <a href="#svg-rotate">rotate</a> transform function with 3 values, the individual SVG transform functions must get <a>post-multiplied</a> and the resulting matrix must get mapped to a <<matrix()>> CSS <<transform-function>> and used as start/end value of the CSS Transition.
800-
801-
Issue(w3c/csswg-drafts#2684): Implementations differ. More testing is required.
799+
A <a element-attr for>transform</a> attribute can be the start or end value of a CSS Transition. If the value of a <a element-attr for>transform</a> attribute is the start or end value of a CSS Transition and the SVG <a href="svg-transform-list">transform list</a> contains at least one <a href="#svg-rotate">rotate</a> transform function with 3 values, the individual SVG transform functions must get <a>post-multiplied</a> and the resulting matrix must get mapped to a <<matrix()>> CSS <<transform-function>> and used as start/end value of the CSS Transition.
802800

803801
User coordinate space {#svg-user-coordinate-space}
804802
--------------------------------------------------
@@ -1473,6 +1471,7 @@ The following changes were made since the <a href="https://www.w3.org/TR/2017/WD
14731471
* Remove 3-value <<rotate()>> from transform function primitives.
14741472
* Be more specific about computation of [=transformation matrix=] and [=current transformation matrix=].
14751473
* Define reference box for paint servers and <{clipPath}> element.
1474+
* Specify behavior of transform presentation attribute with 3-value-rotate as start or end value of a transition.
14761475
* Editorial changes.
14771476

14781477
<h2 class=no-num id='acknowledgments'>Acknowledgments</h2>

0 commit comments

Comments
 (0)