made with Svelte

Trading Card Holographic Effect

Advanced CSS Styles for Holo Effects

Visit Site

Description

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."


Creator

Simon Goellner
@simeydotme


Social Media Links

SvelteKit SEO SEO Component
icon-eye-dark Created with Sketch. 872
inlang Localization Solution for Mobile & Web Apps
icon-eye-dark Created with Sketch. 2.035
Sentry for Svelte Svelte Application Monitoring
🧡 Sponsored by Friends
Svelte Time Timestamp Formatting
icon-eye-dark Created with Sketch. 7.333
Svelte Yup Yup Form Validation for Svelte
icon-eye-dark Created with Sketch. 2.831
Svelte Motion Animation Library
icon-eye-dark Created with Sketch. 7.701