有没有一种方法可以使用CSS模拟Photoshop的叠加滤镜效果？

Question

5

覆盖混合模式会改变顶部图像的颜色，而不仅仅是改变透明度。有没有一种方法可以使用CSS模拟这种效果？只是将图层设置为覆盖并将其放置在网页背景上导出Photoshop图像并不起作用。

- Slick23

3个回答

1

我来晚了，但是现在有一个名为mix-blend-mode的CSS属性，它可以将混合模式应用于整个元素，并考虑了下方的元素。

- BigName

0

现在你可以使用 CSS 来完成这个任务，但是只有在现代浏览器中才能生效。请尝试使用 background-blend-mode: multiply;，它可以将元素的背景图片与背景颜色混合。

- ruggero

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- hughes · Accepted Answer

这不能仅通过CSS实现，但可以通过JavaScript实现。请查看Pixastic的混合功能，它具有与Photoshop中相匹配的近20种混合方法。

注意：随着时间的推移，这个答案变得不太准确了。现在mix-blend-mode属性在大多数浏览器上都可以使用，而Pixastic似乎已经消失了。