Streaming live at 10am (PST)

Applying blend-mode to img


#1

I want to add a blend-mode to my png (exclusion). Whats the best way to do it?
Can I edit the code in webflow?

Thank you


#2

Hello @AnandaSanti,

To add blend modes to images you need to add a little bit of CSS code. You can do it in the project settings > custom code.

<style>

    /* Blending modes */

    .your-img-class {
      mix-blend-mode: exclusion;
    }

</style>

Here’s a screen record where you can see how I’m adding the blend mode to an image > https://www.useloom.com/share/aa4c5a0852154babac5c806325d3257e

Hope this helps

Piter :webflow_heart:


#3

Thank you very much Piter!!