title: JavaFX Rectangle to circle animation
body: <p>I have a rectangular pane that I'm using as a banner to hold icons vertically across the stage of my application for my home screen. Currently when I click on the icon I use a transition to slide the pane up (off screen), create a circle shape under the icon, and then move the icon and the circle together to the top right corner. Clicking on the icon in the corner reverses the animation and brings me back to my home screen.</p>
  
  <p>Instead of sliding my pane up I'd like to have my pane transform into this circle shape at where the Icon is.</p>
  
  <p>I don't mind setting my pane to be transparent and creating a rectangle shape and then transform this rectangle to the circle - I think this is more doable.</p>
  
  <p>I haven't been able to find any clear example of transforming one shape to another though. I found this pretty good example, but it is for iOS: <a href="https://stackoverflow.com/questions/35032410/circle-to-rectangle-transformation-animation">Circle to rectangle transformation animation</a></p>
  
  <p>Any suggestions? I really only need a small example animation of turning a rectangle shape to a circle shape.</p>
  
  <p>Thanks!</p>