made with Svelte

Trading Card Holographic Effect

Advanced CSS Styles for Holo Effects

Visit Site


Advanced CSS Styles for Holo Effects

"pokemon-cards-css is a collection of advanced CSS styles, applied with SvelteJS.

It uses CSS transforms, gradients, blend-modes and filters to simulate the various Holofoil effects found in the Sword and Shield era of Pokemon Trading Cards.

Under the hood, SvelteJS handles interactivity and state; assigning values to css custom properties (variables) which in-turn drive the effects and 3d transforms."


Simon Goellner

Social Media Links

Routify Automated Svelte Routes
icon-eye-dark Created with Sketch. 5.550
s-offline Offline / Online Detector
icon-eye-dark Created with Sketch. 1.035
Sentry for Svelte Svelte Error & Performance Monitoring
🧡 Sponsored by Friends
image-koala Created with Sketch.
Make this Koala happy and follow us on Twitter!
tinro Router
icon-eye-dark Created with Sketch. 1.592
SvelteFire Cybernetically enhanced Firebase apps
icon-eye-dark Created with Sketch. 9.410