Pokémon Cards Holographic effect in CSS

November 29, 2025 · View on GitHub

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/19 before 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}