Re: [css-transforms] CSS3D breaks with opacity flattening

On Wed, Sep 21, 2016 at 2:57 AM, Rik Cabanier <cabanier@gmail.com> wrote:
> I have a counter-example here: http://codepen.io/adobe/pen/WGoKjA
>
> If you have the following markup:
>
> <div id="wrapper">
>   <div id="addalpha">
>     <div id="sq1">Square1</div>
>     <div id="sq2">Square2</div>
>   </div>
>   <div id="sq3">Square3</div>
> </div>
>
>
> With your proposal, sq1 and sq 2 will be placed in the world, rendered to
> texture and then have alpha applied.
> However, sq3 is in between sq1 and sq2. How should this render?

Or to show it off slightly better:
<https://codepen.io/anon/pen/ALpgGd>. Left is with the group opacity
applied to the #addalpha div, right is without that opacity (both have
opacity applied to the individual squares).

~TJ

Received on Wednesday, 21 September 2016 10:18:08 UTC