Skip to content

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

@gitspeaks

Description

@gitspeaks

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:

"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:

transform: translate(80px, 80px)

moves the element right and down — this should be:

"bottom right direction"

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions