Skip to content

Latest commit

 

History

History
44 lines (27 loc) · 2.19 KB

README.md

File metadata and controls

44 lines (27 loc) · 2.19 KB

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