A scroll-reveal interaction animates an element as it enters the viewport — the classic fade/slide-in. You set where the reveal starts and ends and whether it plays once.
Where: Right sidebar → Interact → Interactions → “+” → Reveal — Add an Appear / scroll-reveal interaction
Key ideas
- Trigger window: start / end (with startOffset / endOffset) define the scroll positions where the reveal begins and completes.
- Threshold & once: A viewport threshold controls how much must be visible; “once” plays the reveal a single time.
- The animation: Define the from-state (e.g. opacity 0, y 20) in the popover; it tweens to the element’s normal state.
Steps
- Select the element to reveal.
- Add an Appear interaction (Reveal category).
- Set the from-state and the start/end window.
- Toggle “once” if it should only play the first time.