Photoshop喜欢用CSS混合颜色

Question

我正在尝试混合2个渐变来实现像背景混合效果的Photoshop。 http://jsfiddle.net/fmgfsr4o/2/

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

用css甚至可以吗？

P.S。我对混合模式并不太确定，过去根本没有使用过它！

这是所需影响的图像 -

---

Answer 1

您要找的是mix-blend-mode：以下是您将该属性设置为multiply的代码：http://jsbin.com/nodide/2/edit

background-blend-mode仅混合背景图片的颜色和任何背景颜色，而mix-blend-mode负责混合叠加元素。

目前支持率略低于background-blend-mode：它适用于最新的Firefox＆amp; Safari，以及Chrome和Opera，如果您启用实验性网络平台的东西。