Course Technology Cengage Learning New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 4

Background Blends

To choose how multiple backgrounds are combined into a single background, apply the following background-blend-mode style:

background-blend-mode: type

where type defines how to the backgrounds are combined. The default type value is normal which simply stacks the backgrounds on top of each other with the initial backgrounds stacked on top of subsequent backgrounds. Other type values are shown in the list below. Use the web form to view the effect of each type value on combining the four backgrounds listed below.

Background Blend Modes
















background-blend-mode: normal;