有没有办法模仿photoshop';用CSS覆盖过滤器?

有没有办法模仿photoshop';用CSS覆盖过滤器?,css,photoshop,Css,Photoshop,叠加混合会改变顶部图像的颜色,而不仅仅是改变透明度。有没有办法用CSS来模仿这一点?仅导出图层设置为“覆盖”的photoshop图像并将其放置在网页的背景上是行不通的。纯css无法完成此操作,但javascript可以完成此操作。看看吧,它有大约20种混合方法,与photoshop中的方法相匹配 注:这些年来,这个答案变得越来越不准确。mix-blend-mode属性现在可以在大多数浏览器中使用,pixastic似乎已经消失了。现在你可以用CSS实现,但只能在现代浏览器中,尝试背景混合模式:mu

叠加混合会改变顶部图像的颜色,而不仅仅是改变透明度。有没有办法用CSS来模仿这一点?仅导出图层设置为“覆盖”的photoshop图像并将其放置在网页的背景上是行不通的。

纯css无法完成此操作,但javascript可以完成此操作。看看吧,它有大约20种混合方法,与photoshop中的方法相匹配


注:这些年来,这个答案变得越来越不准确。
mix-blend-mode
属性现在可以在大多数浏览器中使用,pixastic似乎已经消失了。

现在你可以用CSS实现,但只能在现代浏览器中,尝试
背景混合模式:multiply

它将元素的背景图像与其背景颜色混合

我参加聚会迟到了,但是现在有一个
混合模式
css属性,它将混合模式应用于整个元素,其中考虑了以下元素。

+1哇,非常好。仅供参考,理论上可以将类似的内容合并到CSS中,但您必须解析样式表以提取规则,然后使用JS处理它们。