背景画像と背景色、または複数の背景画像同士のブレンド方法を指定するプロパティです。multiply、screen、overlay等の値があり、Photoshopのようなブレンド効果を実現できます。
background-blend-mode: normal | multiply | screen | overlay | ...background-blend-mode: multiply;背景画像を乗算合成
background-blend-mode: screen;背景画像をスクリーン合成
画像にカラーオーバーレイをかけたり、デュオトーン効果を作成できる。filterと組み合わせるとさらに多彩な表現が可能。
background-colorも指定しないと効果が分かりにくい場合がある。mix-blend-modeとの違いに注意。
Chrome 35+, Firefox 30+, Safari 8+