Streaming live at 10am (PST)

Page transition when leaving a page


#1

Check this web page: https://ueno.co/

  1. When you click on any link, an animation starts before the page is left.
  2. When the new page is loaded, a new reveal animation starts.

I know how to do the second part, with page load interactions. But is it possible to do the first part, which is interactions when leaving a page?

Thanks!


Here is my public share link: LINK
(how to access public share link)


#2

To achieve this, you can create an on_click interaction on a link that leads outside, then use Javascript to delay the effect of the link so that your interaction has enough time to play. You can then set the interaction to target all items of the same class, and you add this class to all concerned links.

Not as straight forward as if there was a when leaving the page trigger I reckon.


#3

Thank you Vincent,
I’ll investigate further when I’ll need this.