W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2017

Re: [csswg-drafts] [css-transforms-1] Error in prose describing order of multiple transform function

From: Simon Fraser via GitHub <sysbot+gh@w3.org>
Date: Sun, 05 Nov 2017 19:46:10 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-341999486-1509911169-sysbot+gh@w3.org>
I think the mental ordering you use depends on whether you're used to thinking about matrix math.

`<div style="translate(80px, 80px) scale(1.5, 1.5) rotate(45deg)"></div>`
 
gives the same result as:
```
   <div style="transform: translate(80px, 80px)">
        <div style="transform: scale(1.5, 1.5)">
            <div style="transform: rotate(45deg)"></div>
        </div>
    </div>
```
and since ancestors are painted before descendants, describing this in terms of the translate being applied first makes sense. Someone designing this in a tool would first translate, then scale, then rotate.


-- 
GitHub Notification of comment by smfr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/909#issuecomment-341999486 using your GitHub account
Received on Sunday, 5 November 2017 19:46:16 UTC

This archive was generated by hypermail 2.3.1 : Sunday, 5 November 2017 19:46:17 UTC