FANDOM


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

Values

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>
</div>
This will produce:
Color Dodge
<div style="background:orange;">
<span style="background:black; color:white; mix-blend-mode:difference;">Color Dodge</span>
</div>
This will produce:
Difference

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.