有沒有辦法模仿photoshop的CSS疊加過濾器？

Question

疊加混合可以改變頂部圖像的顏色，而不僅僅是改變透明度。有沒有辦法模仿這與CSS？只要將圖層設置爲疊加並將其放置在網頁上的背景上即可導出photoshop圖像不起作用。

Answer 1

它不能用純CSS完成，但它可以用JavaScript來完成。檢出Pixastic's blend function，它具有〜20種與Photoshop中相匹配的混合方法。

注意：這個答案多年來變得不太準確。 mix-blend-mode屬性現在適用於大多數瀏覽器，pixastic似乎已經消失。

Answer 2

現在你可以用CSS做，但只有在現代的瀏覽器，嘗試background-blend-mode: multiply; 它融合與背景色元素的背景圖像。

Answer 3

我遲到了，但現在有一個mix-blend-mode css屬性，它將混合模式應用於考慮了下面元素的整個元素。