Photoshop喜欢与CSS混合色彩

我想混合2渐变来实现像背景混合影响的Photoshop。 http://jsfiddle.net/fmgfsr4o/2/Photoshop喜欢与CSS混合色彩

我试过玩弄background-blend-mode: multiply;但我无法达到预期的效果。基本上，上面的小提琴中的重叠区域需要混合。

这甚至可能与CSS？

P.S.我对混合模式不太确定，过去一直没有使用它！

下面是所需的图像影响 -

enter image description here

在发布这样的问题之前，我会查看CSS中可能的混合模式类型，以及它们的广泛支持。他们是相当新的 – 2014-08-29 08:06:28

@AndyHolmes http://caniuse.com/#feat=css-backgroundblendmode – 2014-08-29 08:09:38

@Kshitiz告诉我们图像作为效果出现在psd – 2014-08-29 08:10:46

你在找什么是mix-blend-mode：这里是与该属性设置为multiply代码：http://jsbin.com/nodide/2/edit

的background-blend-mode仅混合背景图像和任何背景颜色的颜色，而mix-blend-mode则负责混合覆盖元素。

目前它的支持度略低于background-blend-mode：它适用于最新的Firefox & Safari，以及Chrome和Opera，如果您启用了试验性网络平台的话。

2014-10-01 17:50:05 Emil

回答