I would like to create a three.js rendered animation where I use blending: THREE.MultiplyBlending for a visual effect.

I would also like the background of the animation to be transparent. For this I use renderer.setClearColor(0xffffff, 0.1);.

What happens is that when the background opacity goes to zero, the object disappears with it. It seems to also blend with the background.

It is illustrated in the following fiddle: https://jsfiddle.net/ea906rvd/1/

Is there a way to render 'MultiplyBlending' materials on a transparent background?