Class HingeTransition


  • public class HingeTransition
    extends CachedTimelineTransition
    Animate a hinge effect on a node Port of Hinge from Animate.css by Dan Eden
     @keyframes hinge {
            0% { 
                 transform: rotate(0); 
                 transform-origin: top left; 
                 animation-timing-function: ease-in-out; 
             }      
            20%, 60% { 
                 transform: rotate(80deg); 
                 transform-origin: top left; 
                 animation-timing-function: ease-in-out; 
             }      
            40% { 
                 transform: rotate(60deg); 
                 transform-origin: top left; 
                 animation-timing-function: ease-in-out; 
             }      
            80% { 
                 transform: rotate(60deg) 
                 translateY(0); 
                 opacity: 1; 
                 transform-origin: top left; 
                 animation-timing-function: ease-in-out; 
             }      
            100% { 
                 transform: translateY(700px);
                 opacity: 0; 
             }
     }
     
    Since:
    2.0.0
    • Constructor Detail

      • HingeTransition

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

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

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