W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2019

Re: [csswg-drafts] [css-transforms] Let 'transform-origin' and 'transform' take comma-separated lists (#589)

From: Amelia Bellamy-Royds via GitHub <sysbot+gh@w3.org>
Date: Sat, 26 Oct 2019 16:18:07 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-546616852-1572106687-sysbot+gh@w3.org>
And if you want to scale from the center-left but rotate around the middle, it would look something like:

```css
  transform-origin: 0 0; /* reset to have no effect on the math */
  transform: translate(0, 50%) scale(4) translate(0, -50%)
              /* scale around center-left */
             translate(50%, 50%) rotate(45deg) translate(-50%, -50%)
              /* rotate around center */;
```

Demo: https://codepen.io/AmeliaBR/pen/NWWgaPV?editors=1100


-- 
GitHub Notification of comment by AmeliaBR
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/589#issuecomment-546616852 using your GitHub account
Received on Saturday, 26 October 2019 16:18:09 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:55 UTC