Holographic Trading Card Effect
Publikováno: 26.10.2022
Simon Goellner (@simeydotme)’s collection of Holographic Trading Cards have captured our attention.
Under the hood there is a suite of filter()
, background-blend-mode()
, mix-blend-mode()
, and clip-path()
combinations that have been painstakingly tweaked to reach the desired effect. I …
Holographic Trading Card Effect originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Simon Goellner (@simeydotme)’s collection of Holographic Trading Cards have captured our attention.
Under the hood there is a suite of filter()
, background-blend-mode()
, mix-blend-mode()
, and clip-path()
combinations that have been painstakingly tweaked to reach the desired effect. I ended up using a little img { visibility: hidden; }
in DevTools to get a better sense of each type of holographic effect.
Josh Dance (@JoshDance) replied with a breakdown of the effects that lets you manually control the inputs.
To Shared Link — Permalink on CSS-Tricks
Holographic Trading Card Effect originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.