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

• From: Enrico Gruner via GitHub <sysbot+gh@w3.org>
• Date: Mon, 01 May 2023 13:17:16 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-1529702986-1682947034-sysbot+gh@w3.org>

As far as I understand it, the reason for creating individual transform properties was so that we can animate stuff without writing everything again, so:

```
div {
  transform: translate(0,100px) scale(1.2) rotate(20deg);
}

div:hover {
  transform: translate(10px,200px) scale(1.2) rotate(20deg);
}
```

Can be written like this:

```
div {
  transform: translate(0,100px) scale(1.2) rotate(20deg);
}

div:hover {
  translate: 10px 200px;
}
```

For the same reasons, we could argue that this would be even better (more granular):

```
div {
  transform: translate(0,100px) scale(1.2) rotate(20deg);
}

div:hover {
  translate-y: 200px;
}
```

Also it is more consistent with how other CSS properties and their shorthand syntax works.

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


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

Received on Monday, 1 May 2023 13:17:17 UTC