Class FlipInYTransition

  • All Implemented Interfaces:
    HideableTransition

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

      • FlipInYTransition

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

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

        public FlipInYTransition​(Node node,
                                 boolean opacityInterpolated,
                                 Duration duration)
        Create new FlipInYTransition
        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