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.