A page-unload interaction animates as the visitor navigates away — for page-transition effects. It can optionally hold navigation briefly so the animation can play.
Where: Right sidebar → Interact → Interactions → “+” → Lifecycle — Add a “Page unload” interaction
Key ideas
- On navigate away: Runs when the page is about to unload (link click / back / forward).
- Prevent: “prevent” briefly holds navigation so the exit animation has time to play.
Steps
- Select the element to animate out.
- Add a “Page unload” interaction.
- Define the exit animation.
- Enable “prevent” if it needs time to finish before navigating.