Slide animation

interface Slide {
    type: "slide";
    way: "in" | "out";
    direction:
        | "left"
        | "right"
        | "up"
        | "down";
    duration: number;
    offsetEffect?: boolean;
    easing?:
        | "linear"
        | "ease"
        | "ease-in"
        | "ease-out"
        | "ease-in-out";
}

Properties

type: "slide"

Type of the animation.

way: "in" | "out"

Indicate if the slide will be either in-to-out in or out-to-in out.

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

Direction for the slide animaton.

duration: number

Duration of the animation effect.

offsetEffect?: boolean

If true the offset effect will be used.

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

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