Hard Light Blend

Learn about hard light blend mode, which is similar to overlay but uses the blend color as the reference point.

Key Concepts

• Basic hard-light blend mode syntax
• Understanding how hard-light combines multiply and screen
• Using hard-light with gradients and shapes

Technical Details

mix-blend-mode: hard-light;
/* Similar to overlay but uses blend color as the reference */
/* Multiplies if blend color is dark, screens if blend color is light */