Class FlipInXTransition

  • All Implemented Interfaces:
    HideableTransition

    public class FlipInXTransition
    extends CachedTimelineTransition
    implements HideableTransition
    Animate a flip in x effect on the given node Port of FlipInX from Animate.css by Dan Eden
     @keyframes flipInX {
         0% {
             transform: perspective(400px) rotateX(90deg);
             opacity: 0;
         }
         40% {
             transform: perspective(400px) rotateX(-10deg);
         }
         70% {
             transform: perspective(400px) rotateX(10deg);
         }
         100% {
             transform: perspective(400px) rotateX(0deg);
             opacity: 1;
         }
     }
     
    Since:
    2.0.0
    • Constructor Detail

      • FlipInXTransition

        public FlipInXTransition​(Node node)
        Create new FlipInXTransition
        Parameters:
        node - The node to affect
      • FlipInXTransition

        public FlipInXTransition​(Node node,
                                 boolean opacityInterpolated)
        Create new FlipInXTransition
        Parameters:
        node - The node to affect
        opacityInterpolated - When true opacity is interpolated during the transition
      • FlipInXTransition

        public FlipInXTransition​(Node node,
                                 boolean opacityInterpolated,
                                 Duration duration)
        Create new FlipInXTransition
        Parameters:
        node - The node to affect
        opacityInterpolated - When true opacity is interpolated during the transition
        duration - The duration of this Transition.
        Since:
        5.0.0