Skip to content

A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.

License

Notifications You must be signed in to change notification settings

PeroPonneso/pokemon-cards-css

 
 

Repository files navigation

Pokémon Cards Holographic effect in CSS

This is a repository holder for the Pokemon Cards CSS Holographic effect.

🔥 As seen on css-tricks.com and codepen
🌟 Demo running @ https://poke-holo.simey.me/

A collection of advanced CSS styles, applied with SvelteJS.

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.


support / tip

If you think this is super cool, or useful, and want to donate a little, then you are also super cool!

£1 One Pound tip £1 tip
£5 Five Pounds tip £5 tip
£10 Ten Pounds tip £10 tip

attribution

- Galaxy Holo from aschefield101
- Some backgrounds from Vecteezy

INSTALLATION: install node.js 18: download install yarn: npm install --global yarn check installation: yarn --version run dev: yarn run dev optimized version of app: yarn run build production: yarn run start

About

A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 56.4%
  • Svelte 31.5%
  • Shell 7.1%
  • HTML 2.6%
  • JavaScript 2.4%