Class FlipOutYTransition


  • public class FlipOutYTransition
    extends CachedTimelineTransition
    Animate a flip out y effect on the given node Port of FlipOutY from Animate.css by Dan Eden
     @keyframes flipOutY {
         0% {
             transform: perspective(400px) rotateY(0deg);
             opacity: 1;
         }
            100% {
             transform: perspective(400px) rotateY(90deg);
             opacity: 0;
         }
     }
     
    Since:
    2.0.0
    • Constructor Detail

      • FlipOutYTransition

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

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

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