# Pixel Transition

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

- Skill: `xpert-ai/pixel-transition` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add xpert-ai/pixel-transition`
- Raw SKILL.md: https://api.skillmd.com/api/skills/xpert-ai/pixel-transition/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: xpert-ai (https://skillmd.com/u/xpert-ai)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/xpert-ai/pixel-transition

---

# 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).