Library / Page transitions

Light Sweep pro

A soft band of light with film grain crosses the screen; behind it is the new page, ahead of it the old one.

Customize

Colour of the light

Colour swept away when no snapshot is passed

Width of the band of light (% of the screen)

How long the sweep takes (ms)

Tilt of the band (degrees)

Film grain inside the band

Code

import LightSweep from './LightSweep';

<LightSweep />

Checking your access…

Dependencies: none

transition page light scanner

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.