Library / Page transitions

Pixel Dissolve free

Square blocks pop in over the page and pop out again, scattered, in a spiral or row by row. Drawn in one canvas pass.

Customize

Block colours

Size of each square (px)

How long the screen takes to fill (ms)

How long the screen takes to clear (ms)

The order the blocks appear in

Code

import PixelDissolve from './PixelDissolve';

<PixelDissolve />

Checking your access…

Dependencies: none

transition page canvas 8-bit

More in Page transitions

Curtain CallHeavy theatre curtains sweep shut over the old page, hold on the next page name, then gather back to reveal the new one.
Ticket PunchA paper ticket rises showing FROM and TO, a punch bites a hole, and the hole grows to swallow the screen and show the new page.
Grid ShiftTiles unfold across the screen in one sweeping wave, diagonal, by row, by column, from the centre or random, then retreat to reveal the new page.