Streaming live at 10am (PST)

Page Load interaction


#1

Hello, I’m interested on the best way to have a similar page load interaction on Webflow.

https://decodedigital.co/

I’m referring to the reveal effect before the hero is displayed, but would like to skip the very first part where pink circles are animated.

Thanks!


#2

Okay so you only want the “white page” reveal on load?


#3

Hi Gary! Yes, and that curtain reveal effect :slight_smile:


#4

Gotcha. That page reveal effect is the “Easing” type. For the White Page reveal use these two:

  • Ease-in-out-quint
  • Ease-in-out-cubic

This will be done with:

  1. 1 Section
  2. 1 Div Left
  3. 1 Div Right

The reveal effect with easing types will be placed on both divs to happen simultaneously on load. I’m not sure these easings are available in IX2, but they are in IX1.

Let me know if you need help setting this up.


#5

Awesome thanks! I’ll play with this for now :slight_smile:


#6

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.