Push animation

interface Push {
    type: "push";
    direction:
        | "left"
        | "right"
        | "up"
        | "down";
    duration: number;
    easing?:
        | "linear"
        | "ease"
        | "ease-in"
        | "ease-out"
        | "ease-in-out";
}

Properties

type: "push"

Type of the animation

direction:
    | "left"
    | "right"
    | "up"
    | "down"

Direction for the push animaton

duration: number

Duration of the animation effect

easing?:
    | "linear"
    | "ease"
    | "ease-in"
    | "ease-out"
    | "ease-in-out"

Function that the dissolve effect will follow for the interpolation. Defaults to linear