Library / Page transitions

Monogram Mask pro

Your initials are a window: a solid cover with the letters cut out grows until the new page shows through and the letters swallow the screen.

Customize

One to three letters

Colour of the cover

Total time of the reveal (ms)

Letter style

Leave a thin outline of the letters for a moment at the end

Code

import MonogramMask from './MonogramMask';

<MonogramMask />

Checking your access…

Dependencies: none

transition page logo svg

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.