374609
Holographic Trading Card Effect 1

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.


Direct Link →


This post was originally posted here

Check out our Starter Sites built with #ToolWeLove including Toolset, Elementor Pro, and Astra Pro.

 

Digital Loyalty & Rewards Card
for Your Business.

Subscribe and Enjoy
$99 Lifetime

We’ve decided to develop a stand-alone website for our digital rewards card platform. Signup today and claim your $99 lifetime account, when we launch.