Re: [csswg-drafts] [css-transforms-2] Syntax of individual transforms should reflect general CSS syntax (#7646)

The CSS Working Group just discussed `[css-transforms-2] Syntax of individual transforms should reflect general CSS syntax`, and agreed to the following:

* `RESOLVED: add the longhands to these properties as discussed above`

<details><summary>The full IRC log of that discussion</summary>
&lt;florian> bramus: individual transforms property now exist, and help author with control over their animations<br>
&lt;florian> bramus: now people want more granularity, like translate-x, -y, etc<br>
&lt;florian> TabAtkins: I'm fine with that<br>
&lt;florian> TabAtkins: the other part was the logical transforms (translate-inline, etc)<br>
&lt;SebastianZ> q+<br>
&lt;astearns> ack fantasai<br>
&lt;florian> TabAtkins: that I'm against, because we don't have logical transforms, and thus nothing to map them too cleanly<br>
&lt;florian> bramus: that's ok<br>
&lt;florian> fantasai: do we want to just add those?<br>
&lt;flackr> q+<br>
&lt;astearns> ack SebastianZ<br>
&lt;florian> TabAtkins: that's part of this issue<br>
&lt;florian> SebastianZ: how about scale-x, scale-y, and the same for rorate<br>
&lt;florian> s/rorate/rotate/<br>
&lt;fantasai> s/that's/not/<br>
&lt;florian> TabAtkins: they were deliberately omitted from the transform properties, because there's no obvious correct order<br>
&lt;florian> TabAtkins: sorry, skew was omitted<br>
&lt;florian> flackr: does rotate has a long hand<br>
&lt;florian> TabAtkins: you'd have rotate-axis and rotate-angle<br>
&lt;astearns> ack flackr<br>
&lt;florian> flackr: when you create an animation with these now separate props, it might be surprising to authors:<br>
&lt;florian> flackr: if they set translate-x in the first and last keyframe, and -y in the middle, they'd only get the transition on the -<br>
&lt;florian> TabAtkins: that seems fine<br>
&lt;florian> fantasai: if you want the other behavior, then just put the necessary properties in the relevant keyframes<br>
&lt;florian> flackr: seems fine, never mind<br>
&lt;florian> bramus: the current standalone properties have enabled that, so it would be the same<br>
&lt;florian> TabAtkins: aminating on the separate properties and the joint ones give different results<br>
&lt;florian> astearns: Proposal: translate, rotate and scale have long hands<br>
&lt;flackr> q+<br>
&lt;florian> TabAtkins: translate -x and -y, rotate -angle -axis, scale -x -y -z<br>
&lt;TabAtkins> (and translate-z<br>
&lt;TabAtkins> )<br>
&lt;SebastianZ> q+<br>
&lt;astearns> ack flackr<br>
&lt;florian> flackr: is it well defined how we interpolate from one rotation angle to another<br>
&lt;florian> TabAtkins: I forget what the answer is, but yes, it's in the spec<br>
&lt;astearns> ack SebastianZ<br>
&lt;florian> SebastianZ: why rotate-angle and rotate-axis when we have rotate-x, rotate-y and rotate-z as functions<br>
&lt;florian> TabAtkins: there are multiple results depending on the order when you combine them, so it'd be ambiguous<br>
&lt;TabAtkins> TabAtkins: So if you do want to do independent rotations, use 'transform'<br>
&lt;florian> RESOLVED: add the longhands to these properties as discussed above<br>
&lt;astearns> ack fantasai<br>
&lt;Zakim> fantasai, you wanted to take up this comment as its own issue https://github.com/w3c/csswg-drafts/issues/7646#issuecomment-1545399874 which is filed at<br>
&lt;Zakim> ... https://github.com/w3c/csswg-drafts/issues/1544 already<br>
&lt;florian> dbaron: I'm not sureā€¦<br>
&lt;florian> dbaron: I am concerned about the complexity this adds. Need to think about it.<br>
&lt;florian> astearns: how about you comment on the issue after reviewing that<br>
&lt;florian> fantasai: wanted to comment the logical part of this problem<br>
&lt;florian> astearns: it is a separate issue, and the agenda is already too crowded so no<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7646#issuecomment-1646210878 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 21 July 2023 20:34:22 UTC