How to change text color based on background?

[Stefan001 (Stefan)]

Hi

Does anyone know how to create this effect in Webflow?

The menu text changes in color based on the background. It’s pretty cool!
It’s a bit hard to describe, but a great example is; https://mouthwash.co/

Would it need custom code or can it be done natively?

Looking forward to hear any thought

Thank you

---

Here is my public share link: https://preview.webflow.com/preview/concept-robbertdegroot?utm_medium=preview_link&utm_source=designer&utm_content=concept-robbertdegroot&preview=d9bc2ba6e35b244f3a3f0106954d7cbe&workflow=preview

[Stan (justAnotherDeveloper)]

hi @Stefan001 mix-blend-mode:difference can be done via WF GUI Blending in Effects section.

Blending mode | Webflow University

[Stefan001 (Stefan)]

Thank you Stan for your effort to reply!
Unfortunately, I still did not managed to get this to work. The Difference blending mode makes black disappear

[Stan (justAnotherDeveloper)]

Hi @Stefan001 I do not know what research you have done on your own when trying to make it work but this task is simpler than you thing. Here is a short video explaining how it works and how it can be done on your project.

Hope this solve your request

[Stefan001 (Stefan)]

Stan, thank you a lot. It works like a charm. I failed to understand that it should be white at first

Many thanks!