Seems like the answer should be yes https://caniuse.com/?search=blend-mode

I can confirm it works on android

From the known issues tab:

> iOS Safari is reported to not support multiple background-blend-modes

Since iOS Chrome is really just an iOS Safari webview, that means it won't work there either.

It’s basically only visible when scrolling, and yeah I don’t see the effect on mobile.

Well, this explains why I couldn't understand why you wouldn't just do it in photoshop.

Yeah, not having the right browser would make it more... static.

If you did it in photoshop, you can't alter the image based on where it is in the viewport. Doing it in this CSS way, the image subtly changes as it scrolls past (particularly the bloom to the right covering someone's head).

Another Safari fail.

If you could link that holographic sticker effect to mobile tilt input that would be neat.

You can definitely link it to gyroscope

It works for me on regular iOS Safari. The effect is subtle in some of them; easier to see on the ones you can toggle yourself

That's because iOS browsers are just a reskin of Safari, and Safari does not support multiple background-blend-modes.

I didn't see it on my iPhone's iOS Safari either. :/

Works fine on Kiwi Browser.

Runs fine on Firefox.