blend-mode
blend-mode
The <blend-mode>
type is a collection of keywords describing blend modes.
A blend mode is a method of calculating the final color value of a pixel when layers overlap. Each blend mode takes the color value of the foreground and the backdrop (top color and bottom color respectively), perfoms its calculation and returns a color value. The final, visible layer is the result of performing the blend mode calculation on every overlapping pixel among the blended layers.
Syntax
Syntax not found in DB!
Possible values
normal
-
The final color is the top color, whatever the bottom color may be.
The effect is similar to two opaque pieces of paper overlapping.<div id="div"></div>
#div { width: 300px;