Background Blend Mode

Learn about background-blend-mode, which blends multiple background layers together.

Key Concepts

• Understanding background-blend-mode property
• Blending multiple background images/gradients
• Difference between background-blend-mode and mix-blend-mode

Technical Details

background-image: 
  linear-gradient(...),
  linear-gradient(...);
background-blend-mode: multiply;

/* Blends multiple background layers */
/* Different from mix-blend-mode */