Get Oxygen
April 5, 2019

Tutorial: Screen Blend Mode Effect in Oxygen

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 *

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