Skip to content

simeydotme/pokemon-cards-151

Repository files navigation

Pokémon 151 Holographic effect in CSS

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

As seen on css-tricks.com and codepen
Demo @ https://poke-151.simey.me/
SwSH version @ https://poke-holo.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 151 (Scarlet & Violet) era of Pokemon Trading Cards.

poke-151-demo.1.mp4

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

About

151 version of Pokemon Card CSS styles

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

 
 
 

Contributors