I was looking at the Nike website and I cannot understand how the inverted scroll effect is achieved with css.

When scrolling on this website -

How do they achieve this effect. I can't see any css that tells the colors in the svg or button to become inverted on background color.

CodePudding user response：

The entire Header-Element has

mix-blend-mode: difference;

set in CSS.