title: How to do smooth bouncing animation using JavaFX transitions?
body: <p>I want to do an expanding circle animation. I'm changing radius from 17.5 to 25 and want it's edges to bounce a bit before the end of transition. So far I only figured out how to do simple linear animations:</p>
  
  <pre><code>class CircleTranslation extends Transition {
  
      protected Circle circle;
      protected double startRadius;
      protected double radiusDiff;
  
      public CircleTranslation(Circle circle, double newRadius, Duration duration) {
          setCycleDuration(duration);
          this.circle = circle;
          this.startRadius = circle.getRadius();
          this.radiusDiff = newRadius - startRadius;
      }
  
      @Override
      protected void interpolate(double fraction) {
          circle.setRadius( startRadius + ( radiusDiff * fraction ) );
      }
  }
  </code></pre>
  
  <p>How can I do a bouncing animation with JavaFX? I'm looking for something that will act like Elastic or Bounce effect of <a href="https://greensock.com/docs/Easing" rel="nofollow noreferrer">Greensock Visualizer</a>.</p>