[csswg-drafts] [css-transforms-1] Inconsistencies in example 5: matrix order and translation direction (#11993)

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

== [css-transforms-1] Inconsistencies in example 5: matrix order and translation direction ==

Issue 1:

The example says:

> *"The rotation matrix gets post-multiplied by the scale matrix..."*  
> *"...then post-multiplied by the translation matrix..."*

This implies a right-to-left application of transform functions, which contradicts [§2.3](https://drafts.csswg.org/css-transforms-1/#transform-rendering):

> *"Multiply by each of the transform functions in the transform property from **left to right**."*

Suggestion: Rephrase to clarify transforms are post-multiplied **left to right**, matching the order they appear in CSS.

The current phrasing:

> *"These transforms get multiplied in the reverse order..."*

misleads the reader into thinking the actual matrix composition is right to left (which it isn’t).


Issue 2: 

The same example says:

> *"Translated by 80px to the bottom left direction..."*

But:

```css
transform: translate(80px, 80px)
```

moves the element **right** and **down** — this should be:

> "bottom right direction"


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


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

Received on Sunday, 23 March 2025 12:51:37 UTC