Back to library
Preview of pokemon-cards-css
GitHub

Backgrounds, Effects & CSS Oddities · 3D card & tilt

pokemon-cards-css

Advanced CSS recreations of holographic, foil, galaxy and reverse-holo trading card finishes driven by pointer position.

Why it’s a gem

The reference implementation everyone copies for foil and holo card effects

Visit github.com
Author
Simon Goellner (@simeydotme)
Type
GitHub repository
License
MIT
Added
Aug 17, 2026
Domain
github.com
cssholographiccardhover

More from 3D card & tilt

Preview of Hover3D.js

Hover3D.js

Minimal 3D hover effect that tilts an element and shifts inner layers based on cursor position, aimed at product cards.

UnknownMIT
Preview of Tilt.js

Tilt.js

Sub-4KB parallax tilt hover effect with glare, gyroscope support and per-axis limits, driven by data attributes.

UnknownMIT
Preview of Atropos

Atropos

Touch-friendly 3D parallax hover component that separates layers by depth, with vanilla, React, Vue and Svelte builds.

UnknownMIT