pixel-transition
Pixel Transition Dependency-free, reduced-motion safe.
How to apply
Copy css+js; <div class="pixt"><div class="front">…</div><div class="pixt-back"></div></div> (data-grid sets density).
A card reveals a second face through a burst of pixel tiles on hover — a retro reveal. A few cards, not a grid. Under prefers-reduced-motion the back face just appears.
npx skillmds@latest add xpert-ai/pixel-transition Pixel Transition Dependency-free, reduced-motion safe.
Copy css+js; <div class="pixt"><div class="front">…</div><div class="pixt-back"></div></div> (data-grid sets density).
xpert-ai/xpert-plugins/tree/main/xpertai/apps/motion/assets/upstream/recipes/web/pixel-transition commit f09eb8d474