Re: [csswg-drafts] [css-view-transitions-1] Where is “effects” defined? (#9139)

> Where is “Effects” as used in this step defined? Are transforms “effects”? What about relative positioning? What about clipping? What about text decoration?

This is about visual effects which apply to the content of an element and its descendants. The exact effects are: transform, filter, backdrop-filter, clip-path, mask / mask-image / mask-border, opacity.

- If the effect is on the element being captured, it will appear in the image.
- If the effect is on an ancestor (but would've affected the visual state of the element being captured), it won't appear in the image.

`transform` is an exception as specified [here](https://drafts.csswg.org/css-view-transitions-1/#capture-rendering-characteristics-algorithm:~:text=If%20the%20referenced%20element%20has%20a%20transform%20applied%20to%20it%20(or%20its%20ancestors)%2C%20then%20the%20transform%20is%20ignored.).

But maybe including these effects in the snapshot is perhaps implied by the statement [here](https://drafts.csswg.org/css-view-transitions-1/#capture-rendering-characteristics-algorithm:~:text=Render%20element%20and%20its%20descendants%2C%20at%20the%20same%20size%20it%20appears%20in%20its%20node%20document%2C%20over%20an%20infinite%20transparent%20canvas%2C%20following%20the%20capture%20rendering%20characteristics.) : "Render element and its [descendants](https://dom.spec.whatwg.org/#concept-tree-descendant), at the same size it appears in its [node document](https://dom.spec.whatwg.org/#concept-node-document), over an infinite transparent canvas, following the [capture rendering characteristics](https://drafts.csswg.org/css-view-transitions-1/#capture-rendering-characteristics)."?

So I can either make this a non-normative note. Or update the spec text to mention this exact list of effects.

-- 
GitHub Notification of comment by khushalsagar
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9139#issuecomment-1663105147 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 2 August 2023 23:49:03 UTC