Trouble with Color Dodge

Hi guys,

I hope you are doing well.

I’ve been trying to apply an effect - color dodge for the last week on one of my client’s website, but it doesn’t seem to work.

On one page it works, and on the second it doesn’t, even though the images, for example, have the same class and I have applied the custom CSS globally.

Any help would be highly appreciated,


Kerim :grinning_face_with_smiling_eyes:

Here is my site Read-Only:

hi @Kerim_Al-Lami there is some misunderstanding how mix-blend-mode works. In your case you trying to blend to transparent background. This mean that parent component have to have in your case blue color as background and to this color you can blend you children element.

here is one source you may find helpful

but out there is more sources about this topic. :wink: