background-blend-mode - CSS 3

The background-blend-mode property defines the blending mode of each background layer (color and/or image).

Syntax

background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;

Example

div {
    width: 200px;
    height: 200px;
    background-size: 200px 200px;
    background-repeat:no-repeat;
    background-image: linear-gradient(to right, black 0%, white 100%), url('w3css.gif');
    background-blend-mode: color-dodge;
}

Output / Return Value

Limitations

Alternatives / See Also

Reference