- From: Bramus via GitHub <noreply@w3.org>
- Date: Wed, 04 Feb 2026 10:55:20 +0000
- To: public-css-archive@w3.org
> I'm not following the diagrams. What happens with different indexes in the same property? What does "different within an element, can use --foo to subdivide" mean?
An example would be `translate` that takes two values. By using `--x property-shared` and `--y property-shared` you can generate two _different_ random values for the x and y translation parts of the `translate` property. Those values are then reused within other occurrences of that property.
The following would result in `.foo` and `.bar` doing the same translation, with a different random values for the x-translation and y-translation counterparts:
```css
.foo {
translate: random(--x property-shared, -100%, 100%) random(--y property-shared, -100%, 100%);
}
.bar {
translate: random(--x property-shared, -100%, 100%) random(--y property-shared, -100%, 100%);
}
```
Whereas this here would result in `.foo` and `.bar` doing the same translation, while also generating the same values for the x and y part of the translation (as it is the same property):
```css
.foo {
translate: random(property-shared, -100%, 100%) random(property-shared, -100%, 100%);
}
.bar {
translate: random(property-shared, -100%, 100%) random(property-shared, -100%, 100%);
}
```
--
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13132#issuecomment-3846732609 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 4 February 2026 10:55:21 UTC