This content originally appeared on CSS-Tricks and was authored by Bradley Kouchi
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.
This content originally appeared on CSS-Tricks and was authored by Bradley Kouchi
Bradley Kouchi | Sciencx (2022-10-26T17:05:28+00:00) Holographic Trading Card Effect. Retrieved from https://www.scien.cx/2022/10/26/holographic-trading-card-effect/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.