Tutorial: Color Dodge Blend Mode Effect in Oxygen

In this tutorial, you’ll learn how to create a color dodge blend mode effect using the new CSS Blend Modes feature in Oxygen 2.2.

With the blend modes feature of CSS, effects that previously required Photoshop or other image editing software can now be handled entirely by the browser.

You can apply blend modes to any element from Advanced > Effects > Opacity. Blend modes can also be applied to background layers from Advanced > Background > Background Blend Mode.

In this tutorial, we’ll use a section with a parallax background image, and place a heading in the section, and set the heading’s blend mode to color dodge for a semi-transparent overlay effect.