Viral Hooks
Back to Motion Prompt examples

Motion graphics moves, part 2 · #20

Page curl

Peels back like paper to show the next page. A page peels back from its corner and folds over, revealing the next page beneath.

Transitions & highlightspage-curlpage-turnpage-peelpaperbooktransition

Full motion specification

How the movement works

Use it for books, catalogues, albums or chapter breaks, where a paper feel or reading on suits the content.

  1. 01Page 1 (white) → page 2 (cream) → page 1, 2.35 s each. The curl starts at the bottom-right corner, 0.35–1.75 s (1.4 s), quadratic ease-in-out.
  2. 02The fold line moves from the corner in the direction (−1, −0.42), normalised, by 0→600 px.
  3. 03The part beyond the fold line is mirrored across it to form the flap, the back of the page (light grey or beige), with a drop shadow (blur 14, offset 4, 4) and a white 2 px edge.
  4. 04The next page shows where the paper has lifted, with a 50 px shadow gradient along the fold.

Prompt

Go to the next chapter with a page curl from the bottom-right corner, 1.2 s.