• Combines rotate & fade transitions into a single transition. For options easing this is applied to both transitions, however if provided easingRotate and / or easingFade will 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 then end and initial are swapped.

    Parameters

    • node: HTMLElement

      The transition node.

    • Optional options: {
          delay?: number;
          duration?: number;
          easing?: EasingFunction;
          easingFade?: EasingFunction;
          easingRotate?: EasingFunction;
          end?: number;
          initial?: number;
      }

      Optional parameters.

      • Optional delay?: number

        Delay in ms before start of transition.

      • Optional duration?: number

        Total transition length in ms.

      • Optional easing?: EasingFunction

        The easing function to apply to both slide & fade transitions.

      • Optional easingFade?: EasingFunction

        The easing function to apply to the fade transition.

      • Optional easingRotate?: EasingFunction

        The easing function to apply to the rotate transition.

      • Optional end?: number

        End rotation in degrees.

      • Optional initial?: number

        Initial rotation in degrees.

    Returns TransitionConfig

    Transition config.