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