The Interact panel also holds non-animation behavior: turn an element into a link (<a>) with a URL and target, and add CSS transitions so property changes animate smoothly.
Where: Right sidebar → Zap (Interact) → Link / Transitions — Select an element
Key ideas
- Link: Toggle the element into an <a>, set the URL and target (same/new tab).
- CSS transitions: Add transition layers (property, duration, easing, delay) so hover/state changes tween instead of snapping.
- Component authoring: The same panel exposes Dimensions, States (pseudo-class toggles), and Instance overrides for components.
Steps
- Open the Interact panel.
- For a link: toggle Link, set the URL and target.
- For transitions: add a layer and set property/duration/easing.