September 3rd - Oxygen 3.0 is now available - see what's newlimited time special pricing available

Screen Blend Mode Effect in Oxygen

Video

5

of 10

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

In this tutorial, you'll learn how to make a screen blend mode effect using the new CSS Blend Modes feature in Oxygen 2.2.

With the blend mode feature of CSS, you can create Photoshop-like effects directly in the browser.

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

In this tutorial, we'll use a section, a heading, and an absolutely positioned image set to screen blend mode to create an effect where the image shows through the heading text only.

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