Class WobbleTransition


  • public class WobbleTransition
    extends CachedTimelineTransition
    Animate a wobble effect on the given node

    Port of Wobble from Animate.css by Dan Eden, which was originally authored by Nick Pettit

     @keyframes wobble {
          0% { transform: translateX(0%); }
          15% { transform: translateX(-25%) rotate(-5deg); }
          30% { transform: translateX(20%) rotate(3deg); }
          45% { transform: translateX(-15%) rotate(-3deg); }
          60% { transform: translateX(10%) rotate(2deg); }
          75% { transform: translateX(-5%) rotate(-1deg); }
          100% { transform: translateX(0%); }
     }
     
    Since:
    2.0.0
    • Constructor Detail

      • WobbleTransition

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

        public WobbleTransition​(Node node,
                                Duration duration)
        Create new WobbleTransition
        Parameters:
        node - The node to affect
        duration - The duration of this Transition.
        Since:
        5.0.0