CyberSEO Pro plugin for WordPress

Holographic Trading Card Effect

Read Time:27 Second

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 →

Source: https://css-tricks.com/holographic-trading-card-effect/

Jenkins: Creating a Pipeline for Python projects Previous post Jenkins: Creating a Pipeline for Python projects
FastAPI – Open-Source Starters Next post FastAPI – Open-Source Starters

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.