/

HTML / CSS / JavaScript Tutorial

CSS Property: background-blend-mode

[this page | pdf | back links]

The CSS (CSS3) background-blend-mode property defines the blending mode of each background layer (i.e. colour and/or image).

 

Valid property values are:

 

Value

Description

color

Blending mode set to color

color-dodge

Blending mode set to color-dodge

darken

Blending mode set to darken

lighten

Blending mode set to lighten

luminosity

Blending mode set to luminosity

multiply

Blending mode set to multiply

normal

(default value). Blending mode set to normal

overlay

Blending mode set to overlay

saturation

Blending mode set to saturation

screen

Blending mode set to screen

 

Default Value:

normal

JavaScript syntax:

e.g. object.style.backgroundBlendMode="screen"

Inherited:

No

Animatable:

No

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile