Re: [css-compositing] Isolation groups

On Mon, Dec 9, 2013 at 6:07 AM, Tavmjong Bah <> wrote:

> Hi,
> I have a few questions about the spec:
> Section 3.3: I don't understand how blending creates an isolation group.
> If I set 'mix-mode-blend' on a circle and the circle gets blended with
> the background, what is the isolation group? An example would really
> help.

there's an example in the section on isolation:
It is the circle that becomes the isolated group so if there's blending
inside the content that has the blend-mode, it will be isolated to that

> Example 4: It appears that the three circles are being blended in one
> isolation group and then put over the gray background. What is causing
> the circles to be isolated? If the SVG is referenced from an <img> then
> it should be isolated but if it is included inline then it should not
> be(?). If I try the SVG in Chrome the circles are never isolated, no
> matter what I do (stand-alone SVG, external SVG, inline). Is this due to
> a lack of isolation support in Chrome?

Can you post your example online (codepen, jsfiddle)?
There should be a difference since if you link them using <img>, the SVG
should be rasterized.

> Example 4: Minor quibble: The green color depicted is 'lime', not
> 'green'.
> Also, example numbering skips numbers.

Thanks! I will fix this.

Received on Monday, 9 December 2013 17:40:53 UTC