W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2018

Re: [csswg-drafts] [css-transforms-1] Define basis for percentage transform on patterns, gradients, clipPath

From: Dirk Schulze via GitHub <sysbot+gh@w3.org>
Date: Sat, 02 Jun 2018 05:32:12 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-394060287-1527917531-sysbot+gh@w3.org>
Created another example here: https://codepen.io/krit/pen/LmGyJy

The example has 8 rectangle stripes.
* The first 4 are as width as the viewport.
* The last 4 half the size of the viewport.


Furthermore:
* For the first 2 of each a `transform` property gets applied with percentage values.
* For the last two, `gradientTransform`.

`objectBoundingBox` and `userSpaceOnUse` are used between the 8 rects.

The `transform` property only gets implemented in Blink. The results are not fully conclusive (Blink has an issue with one of the `gradientTransform`s). However, it is save to say that Blink does not use the reference box of the referencing element.


-- 
GitHub Notification of comment by dirkschulze
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/892#issuecomment-394060287 using your GitHub account
Received on Saturday, 2 June 2018 05:32:27 UTC

This archive was generated by hypermail 2.3.1 : Saturday, 2 June 2018 05:32:28 UTC