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.