Font Inverting with Background

[Joana_Cardoso]

Does anyone know how to create this invert while scrolling effect with the background?

https://mainlyphotography.com/

[neueMeta]

hey, this is a blend mode added to the text in the foreground.
you can have a look here:

Blending modes

Any widget can be used to alter the look of all underlying content—that is called blending. There are multiple blending modes, any of which can be triggered using widget ID within some custom CSS: [data-id="PASTE WIDGET ID HERE"] { mix-blend-mode: difference; } The previous code will work on Desktop layout only. [ezgif-4-4b433caf96] Experimenting with shapes, blending modes and colors can produce the most unexpected and exciting designs. Do you have one?

But keep in mind, it might not work in mobile, and the text element should not have a animation assigned to as this would require to add the blending mode to the parent div, which would require javascript to achive this.

[Joana_Cardoso]

Thank you! I’ll see if I can work it out!