Wow, the rare new CSS trick that actually looks really nice. Bravo.
Shader-like holographic effects with CSS
11–20 of 62 posts
Re: Shader-like holographic effects with CSS
#12This made me nostalgic for that css/edge demo from back in the day [1]. This demo seems like a similar idea as the css/edge demo just taken much further.
[1] https://meyerweb.com/eric/css/edge/complexspiral/glassy.html
Re: Shader-like holographic effects with CSS
#13This is FN awesome.
Ill never have use, but I can't wait to see this in the wild.
One thought: FORCE any site that uses this to not be behind a cookie paywall ;-)
Re: Shader-like holographic effects with CSS
#14I wonder if you could use this to achieve an animation effect like some 8- and 16-bit games did with color cycling. eg http://www.effectgames.com/effect/article-Old_School_Color_C...
Re: Shader-like holographic effects with CSS
#15Does this not work on mobile? I don’t seem to be seeing it on iOS Chrome.
It’s basically only visible when scrolling, and yeah I don’t see the effect on mobile.
Re: Shader-like holographic effects with CSS
#16Does this not work on mobile? I don’t seem to be seeing it on iOS Chrome.
Seems like the answer should be yes https://caniuse.com/?search=blend-mode
I can confirm it works on android
Re: Shader-like holographic effects with CSS
#17I wonder if you could use this to achieve an animation effect like some 8- and 16-bit games did with color cycling. eg http://www.effectgames.com/effect/article-Old_School_Color_C...
You can't.
Re: Shader-like holographic effects with CSS
#18Someone discovered CSS blend modes!
Re: Shader-like holographic effects with CSS
#19The simple gradients used give it an "artificial" or "color-overexposed" look.
Check out perceptually uniform color maps:
Re: Shader-like holographic effects with CSS
#20Does this not work on mobile? I don’t seem to be seeing it on iOS Chrome.
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.