@angular/animations

sequence

function

Defines a list of animation steps to be run sequentially, one by one.

API

Usage Notes

  
    function sequence(  steps: AnimationMetadata[],  options?: AnimationOptions | null): AnimationSequenceMetadata;

AnimationSequenceMetadata

Defines a list of animation steps to be run sequentially, one by one.

@paramstepsAnimationMetadata[]

An array of animation step objects.

Steps defined by style() calls apply the styling data immediately.
Steps defined by animate() calls apply the styling data over time as specified by the timing data.

          sequence([style({ opacity: 0 }),animate("1s", style({ opacity: 1 }))])

@paramoptionsAnimationOptions | null

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

@returnsAnimationSequenceMetadata