Use Refokus Page Transitions to create custom page transitions to improve your website navigation and user experience, creating visual continuity between pages.
Using Webflow Animations, build your elements for the page transition and create the animations in Webflow.
Attach the interaction to enter the page to the trigger “On Page Load”
Create a button (with display: none) and attach the interaction to leave the page to the click of that element and add the Custom Attribute to the button element.
To create a delay, so that when you leave the page, the change of page is delayed, so the user sees the 'Out' animation, you need to add a Custom Attribute with the value as the time is in milliseconds (For example: 800 is 0.8 seconds.)
You can determine on which devices the transition will be displayed. To do that, add a Custom Attribute and define the allowed-devices by adding desktop, tablet, mobile (separated by a comma.)