[css-masking-2] Cross-fade incompatible clip-paths

[noamr]

Currently when clip-paths are incompatible (e.g. a circle to a square), we animate the clip-paths discretely.
Could we have some way to interpolate them smoothly as a cross-fading mask?
Having a mask-image be the result of a clip-path animation is probably impossible, but perhaps we can allow
mask-image: <clip-rule> <shape> or some such?

[smfr]

Not really a fan of converting paths to masks during the animation; this could be slow to render.

[noamr]

Not really a fan of converting paths to masks during the animation; this could be slow to render.

How about the alternative? (mask-image: <shape> or some such)

[ydaniv]

How about the alternative? (mask-image: <shape> or some such)

That's interesting! Currently you can only reference a <mask>. How would using a <shape> work?

[noamr]

How about the alternative? (mask-image: <shape> or some such)

That's interesting! Currently you can only reference a <mask>. How would using a <shape> work?

Like it sounds! Eg mask-image: circle()