Get Oxygen
March 26, 2019

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Soflyy is proud to offer you Oxygen, our vision for what visual website design can be. We love it, and we think you will too.
More About Us

Stay up to date with Oxygen

© Soflyy 2019
Designed with Oxygen.
LegalTrademark Policy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram