Pixel Transition
Visual Effects
A pixelated dissolution effect that transitions between two pieces of content on hover with randomized stagger animations.
Loading preview...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
firstContent | ReactNode | required | Initial displayed content |
secondContent | ReactNode | required | Content revealed on hover |
gridSize | number | 7 | Grid dimensions (NxN pixels) |
pixelColor | string | '#E04E2D' | Color of animated pixels |
duration | number | 0.35 | Animation duration per pixel |
className | string | '' | Additional CSS classes |