<p class="zw"><code>background-blend-mode</code>使我们能够影响单个元素内一个或多个背景图像和背景颜色的视觉效果，另一种混合模式可以影响和其他元素的视觉效果，甚至是页面本身。这个新的特性称为<code>mix-blend-mode</code>，它为Web和应用实现新的创意创造了新机会。</p> <p class="zw"><code>mix-blend-mode</code>的语法和<code>background-blend-mode</code>一样简单。</p> <pre class="代码无行号"><code>.blend { background-colour : #a20b30; mix-blend-mode : multiply; }</code></pre> <p class="zw">在这个例子中，我们的元素不会和自身混合，而是跟其他有层级关系的元素和页面本身混合。</p>
