The page turns over from its corner, like a sheet of paper.
Nothing moves until the next page is ready; if that takes a while, a loader shows at the cursor. Then a fold sweeps from the bottom-right corner to the top-left one, and the page turns over in one go. The back of the sheet is a little darker, and the new page under it is in its shadow until the sheet has gone. Going back, the previous page turns back over this one, like a page in a book.
It’s all flat: the old page is a still copy cut along the fold with clip-path, over the real new page. The back of the sheet is the turned part mirrored across the fold, worked out again as the fold moves.
Inspired by the page turn on eminente.art.
- File
src/transitions/peel.tsIts settings are at the top of the file.
- Default
Used by links that don't name a transition.