Function slideFade
-
slideFade(
node: HTMLElement,
options?: {
axis?: "x" | "y";
delay?: number;
duration?: number;
easing?: EasingReference;
easingFade?: EasingReference;
easingSlide?: EasingReference;
},
): TransitionConfigParameters
- node: HTMLElement
The transition node.
Optionaloptions: {
axis?: "x" | "y";
delay?: number;
duration?: number;
easing?: EasingReference;
easingFade?: EasingReference;
easingSlide?: EasingReference;
}Optional parameters.
-
Optionalaxis?: "x" | "y"The sliding axis.
-
Optionaldelay?: numberDelay in ms before start of transition.
-
Optionalduration?: numberTotal transition length in ms.
-
Optionaleasing?: EasingReferenceEasing function name or function to apply to both slide & fade transitions.
-
OptionaleasingFade?: EasingReferenceEasing function name or function to apply to the fade transition.
-
OptionaleasingSlide?: EasingReferenceEasing function name or function to apply to the slide transition.
-
Returns TransitionConfig
Transition config.
- node: HTMLElement
Combines slide & fade transitions into a single transition. For options
easingthis is applied to both transitions, however if providedeasingSlideand / oreasingFadewill take precedence. The default easing is linear.