@angular/animations

group

function

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

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

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.

group

AnimationGroupMetadata

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

@paramstepsAnimationMetadata[]

An array of animation step objects.

          group([animate("1s", style({ background: "black" })),animate("2s", style({ color: "white" }))])

@paramoptionsAnimationOptions | null

An options object containing a delay and developer-defined parameters that provide styling defaults and can be overridden on invocation.

@returnsAnimationGroupMetadata