Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

simeydotme/pokemon-cards-css

Open more actions menu

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/
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 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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.