[csswg-drafts] [css-transforms] Proposal: allow `<length>` values in `scale` (#12089)

benface has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-transforms] Proposal: allow `<length>` values in `scale` ==
For a reason that I'm sure is deeply technical, the `scale` property, as well as the `scale()`, `scaleX()`, and `scaleY()` transform functions, don't allow length values such as `px`. Percentages and `calc()` are, so it would be a huge unlock to allow length values together with them (Codepen [here](https://codepen.io/benface/pen/NPPWaaZ)):

```html
<div style="width: 200px; height: 100px; scale: 50px;">
  I expect this to be scaled down to 50px x 50px (same as if `scale` was set to `0.25 0.5`)
</div>

<div style="width: 200px; height: 100px; scale: calc(100% + 50px);">
  I expect this to be scaled up to 250px x 150px
</div>

<div style="width: 200px; height: 100px; transform: scaleX(calc(100% - 50px)) scaleY(calc(100% + 50px));">
  I expect this to be scaled to 150px x 150px
</div>
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12089 using your GitHub account


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

Received on Wednesday, 16 April 2025 15:34:46 UTC