Fly in template page

[nwdsha (Naweed)]

Hey @johnminshall,

I found some helpful info from past forum topics;

Focus Template - Playing with page transition effect

I’ve been playing around with creating page transitions using transform and interactions, heres what I came up with. Feel free to clone it and use it in your own work! Any feedback would be greatly appreciated. Site Link: http://focus-template.webflow.com/ Discover link: https://webflow.com/website/Focus-TEMPLATE

Nick Vandermolen New Portfolio Site

Hey Maurice, glad you like it! I did all the interactions within webflow and no external js To be honest it was quite challenging to get the effect right due to what is possible without me knowing js The way that i did it was to start with a full takeover container on load with z index above all other elements Then when assets have loaded set an interaction for the container to change from 100% to 300px with nice easing so that the shape morphs into the size of my side bar - then fade out …

All the best,
Naweed