title: Is there a way I can transform a button in a circle button with animation
body: <p>I found out that animation in the internet and was wondering if I can recreate it.</p>
  
  <p><img src="https://i.imgur.com/JSXmIWz.gif" alt=""></p>
  
  <p>So far what I could achive is the animation of the button to scale.</p>
  
  <p><img src="https://i.imgur.com/u9ehGaz.gif" alt=""></p>
  
  <p>Code:</p>
  
  <pre><code>      if (Button1.ScaleX &lt; 1)
        {
          await Button1.ScaleXTo(1);
        }
        else
        {
  
          await Button1.ScaleXTo(0.25);
        }
  </code></pre>
  
  <p>Button:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;Button x:Name="Button1" Grid.Row="1" Clicked="Button1_Clicked" AnchorX="0.5" WidthRequest="70" HeightRequest="40" BorderRadius="20"/&gt;
  </code></pre>
  
  <p>My question is how can I make the button become a circle after the scale?</p>