made with Svelte

#Utility
icon-eye-dark Created with Sketch. 3.595

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

Related Projects


Svelte Navigator Simple, Accessible Routing
#Utility
icon-eye-dark Created with Sketch. 3.122
Svelte Testing Library DOM Testing Utilities
#Utility #Testing
icon-eye-dark Created with Sketch. 3.926
Sentry for Svelte Svelte Error & Performance Monitoring
🧡 Sponsored by Friends
Svelte Preprocess Custom Preprocessor
#Utility
icon-eye-dark Created with Sketch. 3.757
Svelte Lazy Loader Lazy Loading Library
#Utility
icon-eye-dark Created with Sketch. 1.248
Svelte Inview Monitor Elements entering or leaving the Viewport
#Utility
icon-eye-dark Created with Sketch. 2.776
View all Projects
COMMUNITY PARTNERS
Resolve Svelte performance bottlenecks and errors faster with actionable insights from Sentry Learn more Placid is a creative automation API & toolkit that helps you to generate consistent visuals at scale Learn more