Creating Page Transitions in WebFlow

[JohnFavreaux]

hello Lovely Community,

I’m tinkering with my new favorite tool. (Webflow)

Is there a way to add transitions to Webflow sites like this?: Transitions

Here is my public share link: My Website

The Password is: guru

[jorn (Jörn)]

Do you want the transition on actual pages or just moving divs around?

If it is pages you need extra javascript to delay the browser navigating to another page.
If it is divs you can use Webflow interactions.

[jorn (Jörn)]

Don’t know your skills in Webflow but here’s a super simple div moving example http://page-transitions-cd1fa7.webflow.io/

Designer link: https://preview.webflow.com/preview/page-transitions-cd1fa7?preview=e57cafa284dc9bf100beeaea21fdcff1

[JohnFavreaux]

I was referring to actual pages! But the div example is very helpful. Will have to resort to JS for the page transitions.

[jorn (Jörn)]

See if this is any help for you:

Javascript delay on page links

Hi! I'm new to Webflow and are trying to figure out how to implement JavaScript to my page. I want to delay a page load for animation to finish and then load a sub page using this custom code <script type="text/javascript"> function delay (URL) { setTimeout( function() { window.location = URL }, 5000 ); } </script> How in the world do I call my function?