A window-resize interaction fires when the viewport changes size — handy for responsive behaviors that aren’t covered by breakpoints alone.
Where: Right sidebar → Interact → Interactions → “+” → Lifecycle — Add an “On window resize” interaction
Key ideas
- When it fires: mode “range” fires only between a minWidth/maxWidth window; “every” fires on each resize.
- Debounce: A debounce smooths rapid resize events so the animation doesn’t thrash.
Steps
- Select the element.
- Add an “On window resize” interaction.
- Pick range (with min/max width) or every.
- Set a debounce and the animation to run.