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

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