W3cubDocs

/Angular

group

Defines a list of animation steps to be run in parallel.

Deprecation warning

Use animate.enter or animate.leave instead. Intent to remove in v23

API

function group(
  steps: AnimationMetadata[],
  options?: AnimationOptions | null,
): AnimationGroupMetadata;

Usage Notes

Grouped animations are useful when a series of styles must be animated at different starting times and closed off at different ending times.

When called within a sequence() or a transition() call, does not continue to the next instruction until all of the inner animation steps have completed.

Super-powered by Google ©2010–2025.
Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
https://angular.dev/api/animations/group