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/ | |
| 151 version @ https://poke-151.simey.me/ ⭐ |
[!TIP] I've published a component which can help with getting you a similar effect to this, without much effort;
https://github.com/simeydotme/hover-tilt
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.
[!NOTE] Please read
#issues/19before asking / requesting any help or advice on the Project.
Thank you.
support / tip
If you think this is super cool, or useful, and want to donate a little, then you are also super cool!
 |
 |
£1 tip |
|
 |
£5 tip |
|
 |
£10 tip |
attribution
- Galaxy Holo from aschefield101
- Some backgrounds from Vecteezy