Animation delay on my collection list

Design help Animations & Interactions
2

Hi there,

Adding reveal on scroll animations to your profile cards can create an engaging visual experience for your visitors. Here’s how to set it up:

  1. Select your profile card element and open the Interactions panel
  2. Add a “Scroll Into View” trigger
  3. Create an animation with Move and Opacity actions - set initial state with 50px y-axis movement and 0% opacity
  4. Animate to 0px movement and 100% opacity
  5. Under “Affect” choose Class to apply this to all elements with the same class

For more detailed guidance, check out our reveal elements on scroll lesson in Webflow University.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.