Blending properties are color mixing properties to blend colors with a desired mode to either brighten, darken or invert on a specific object.


Value Description
<mix-blend-mode> Specifies a color blending type for an object.

HTML examples:

<div style="background:orange;">
<span style="background:black; color:white; mix-blend-mode:color-dodge;">Color Dodge</span>
This will produce:
Color Dodge
<div style="background:orange;">
<span style="background:black; color:white; mix-blend-mode:difference;">Color Dodge</span>
This will produce:

CSS example:

.WikiaBarWrapper {
    mix-blend-mode: color-dodge;

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.