Technology News

Holographic Trading Card Effect

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 →

TikTok won’t stop serving me horror and death
Why 3d Rendering is Perfect for Creating Captivating Social Media Content

Related Articles

On Browser-Specific URL Schemes

on-browser-specific-url-schemes
We’ve covered URL schemes: A URL Scheme is like “http://…” or “ftp://…”. Those seem like a very low-level concept that you don’t have much control over, but actually, you do!…

How to Get URL Parameters with Golang

How to Get URL Parameters with Golang
URL parameters (aka query string parameters or URL variables) are used to send data between web pages or between a client and a server through a URL. They are composed…

How to get Media Coverage without a Budget

how-to-get-media-coverage-without-a-budget
International real estate broker Tranio’s Executive Director Mikhail Bulanov explains how you can gain free online traction for your business by undertaking partner research, surveys, and analysis. In just the…

De-Mystifying IndieWeb on a WordPress Site

de-mystifying-indieweb-on-a-wordpress-site
Well, sheesh. I opened a little can of worms when sharing Miriam’s “Am I on the IndieWeb yet?” with a short post bemoaning my own trouble getting on the IndieWeb…

Cut, Copy and Paste in JavaScript with the Clipboard API

Exploring the Potential of the Metaverse: A New World Awaits
Accessing the OS clipboard using browser JavaScript has been possible for several years using document.execCommand(). Unfortunately, there are some problems: clipboard access is synchronous, which has performance and security implications…