Library / Page transitions

Ink Bleed pro

Ink spreads from the click with a ragged fibrous edge, then the new page bleeds back through the same way.

Customize

Colour of the ink

How ragged the edge of the ink is

How long the ink takes to spread (ms)

How long the new page takes to come through (ms)

Where the ink starts

Code

import InkBleed from './InkBleed';

<InkBleed />

Checking your access…

Dependencies: none

transition page ink svg filter

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.