Pixel image reveal

image-effect · canvas · scroll — trigger: scroll into view

Images arrive as blocks and resolve into themselves.

Each canvas draws its source at a fraction of its real size, then blows that tiny bitmap back up with image smoothing turned off. The block size is the only animated number: 80 down to 1, with a blur that fades out alongside it. Scroll down for the parallax variant.

one-shot on intersection · 2.2s · power3.inOut
keep scrolling ↓
same settings·
each reveals when it crosses 10%·
the next one also drifts as you scroll ↓
canvas is 120% tall, offset −10%, travels 20% of its height across the scroll range
end
80
6
2200ms
20%
Replay all re-runs every canvas