interface TransitionAnimation {
    transition-delay: number;
    transition-duration: number;
    transition-property: string;
    transition-timing-function: TransitionTimingFunction;
}

Properties

transition-delay: number

The length of the delay in seconds before the transition occurs (e.g. 250ms).

transition-duration: number

The length of the transition in seconds(e.g. 0.5s).

transition-property: string

A comma separated list of style properties to animate in this state.

transition-timing-function: TransitionTimingFunction

An easing function that controls the animation progress curve (a visualisation of easings serves as a reference).