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 …

Holographic Trading Card Effect originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

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

созданный 3y | 26 окт. 2022 г., 18:22:11

Войдите, чтобы добавить комментарий

Другие сообщения в этой группе

3D Layered Text: The Basics

A client asked me to create a bulging text effect. With a bit of cleverness and some advanced CSS, I managed to get a result I’m genuinely proud of, which is covered in this three-part series.

18 авг. 2025 г., 15:40:13 | CSS tricks

A Few Things About the Anchor Element’s href You Might Not Have Known

It's easy to take URL superpowers for granted, even if you already have these patterns under your belt.

15 авг. 2025 г., 15:50:10 | CSS tricks

Covering hidden=until-found

Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.

15 авг. 2025 г., 13:30:21 | CSS tricks

On Accessibility Conformance, Design Systems, and CSS “Base” Units

My brain can’t help but try to make connections between seemingly disparate ideas. And that’s what happened yesterday when I read:

Hidde’s

14 авг. 2025 г., 14:20:30 | CSS tricks

We Might Need Something Between Root and Relative CSS Units for “Base Elements”

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.

13 авг. 2025 г., 15:10:33 | CSS tricks

CSS-Questions

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.

CSS-Questions or

12 авг. 2025 г., 15:50:20 | CSS tricks

Stuff & Nonsense Practical Layout Workshop

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.

11 авг. 2025 г., 16:40:19 | CSS tricks

Techie