Skip to main content

Function: stagger()

stagger(elements: readonly (ReactiveElementBase | DOMElement)[], options?: object): StaggerTransition

Creates a fluent stagger coordinator to cascade animations across a list of elements.

Parameters​

ParameterTypeDescription
elementsreadonly (ReactiveElementBase | DOMElement)[]-
options?{ duration?: number; ease?: BuiltinEase | EaseCurve; overlap?: AnimationMilestone; props?: ElementTransitionProps; }-
options.duration?numberAnimation duration in seconds for each element (default: 0.4s).
options.ease?BuiltinEase | EaseCurveEasing curve for each element transition (default: "quartOut").
options.overlap?AnimationMilestoneOverlap trigger milestone between consecutive elements (default: 0.5).
options.props?ElementTransitionPropsAnimated target properties for each element (default: { opacity: 1 }).

Returns​

StaggerTransition