November 11th - Oxygen 3.1 is now available - see what's newlimited time special pricing available

Color Dodge Blend Mode Effect in Oxygen

Video

4

of 19

in Design How-To's
Description
Comments (0)

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 *

Author
Louis Reingold
Louis Reingold

Follow along with this tutorial

Create Test Install

Get Oxygen Today

Lifetime, unlimited site license

Need more help?

Copyright © 2019 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram