Interlude

Astro starter for page transitions

21 transitions

Back

09 (moving the page)

slices

The page breaks into columns, and in each one the next page pushes the old one out.

Nothing moves until the next page is ready; if that takes a while, a loader shows at the cursor. Then the page breaks into five columns (three on phones), and in each one the new page pushes the old one up and out, column after column, from left to right. Going back, they push downwards, from right to left.

Each column holds a slice of a still copy of each page, so it can move its own part of both.

File
src/transitions/slices.ts

Its settings are at the top of the file.