Screen Blend

Learn about screen blend mode, which lightens the base color by inverting, multiplying, and inverting again.

Key Concepts

• Basic screen blend mode syntax
• Understanding how screen lightens colors
• Using screen with gradients and shapes

Technical Details

mix-blend-mode: screen;
/* Lightens the base color by inverting, multiplying, and inverting again */
/* Result is always lighter than original */