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

What the Heck Are npm Commands?

what-the-heck-are-npm-commands
npm is, as you now know, a package manager. But like similar, earlier tools that run tasks in the command line, such as Grunt and Gulp, npm can also run…

Technology giant Olympus hit by BlackMatter ransomware

technology-giant-olympus-hit-by-blackmatter-ransomware
Olympus said in a brief statement Sunday that it is “currently investigating a potential cybersecurity incident” affecting its European, Middle East and Africa computer network. “Upon detection of suspicious activity,…

A visual introduction to machine learning

a-visual-introduction-to-machine-learning
Just the first sentence alone here from Stepanie Yee and Tony Chu is solid: In machine learning, computers apply statistical learning techniques to automatically identify patterns in data. These techniques can be…

Busted! Debunking The Myths Of Multicloud Computing

busted-debunking-the-myths-of-multicloud-computing
With multicloud, it’s important to separate fact from fiction (or fact from outdated information). Take a look at some of the common myths around multicloud, along with up-to-date realities. Though…