made with Svelte

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

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


Routify Automated Svelte Routes
#Utility
icon-eye-dark Created with Sketch. 5.550
s-offline Offline / Online Detector
#Utility
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!
follow @madewithsvelte
tinro Router
#Utility
icon-eye-dark Created with Sketch. 1.592
SvelteFire Cybernetically enhanced Firebase apps
#Utility
icon-eye-dark Created with Sketch. 9.410
View all Projects
COMMUNITY PARTNERS
Storyblok is a headless CMS offering powerful APIs and visual editing for the content in your Svelte projects Learn more Svelte application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Placid is a creative automation API & toolkit that helps you to generate custom visuals at scale Learn more