Function rotateFade
- rotateFade(
node: HTMLElement,
options?: {
delay?: number;
duration?: number;
easing?: EasingReference;
easingFade?: EasingReference;
easingRotate?: EasingReference;
end?: number;
initial?: number;
},
): TransitionConfigParameters
- node: HTMLElement
The transition node.
Optionaloptions: {
delay?: number;
duration?: number;
easing?: EasingReference;
easingFade?: EasingReference;
easingRotate?: EasingReference;
end?: number;
initial?: number;
}Optional parameters.
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.
OptionaleasingRotate?: EasingReferenceEasing function name or function to apply to the rotate transition.
Optionalend?: numberEnd rotation in degrees.
Optionalinitial?: numberInitial rotation in degrees.
Returns TransitionConfig
Transition config.
- node: HTMLElement
Combines rotate & fade transitions into a single transition. For options
easingthis is applied to both transitions, however if providedeasingRotateand / oreasingFadewill take precedence. The default easing is linear.Note: that when reversing the transition that time goes from
1 - 0, so if specific options are applied for rotating out transition thenendandinitialare swapped.