Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
FLIP layout animation — triggered on rising edge
Type flipCategory effectsContext domDynamic ports noCompound no
Inputs
| Port | Type | Description |
|---|---|---|
trigger | float | Trigger |
Outputs
| Port | Type | Description |
|---|---|---|
| - | - | No ports declared. |
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
selector | string | "" | Element |
duration | float | 0.5 | Duration (s) min 0; max 5; step 0.1 |
ease | string | "ease-out" | Easing |
Envelope
Use flip as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.
Generated source
Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-effects/