title: Xamarin Forms Frame Shadow Design
body: <p>I have an Xamarin Content Page with a List. For the ListItems I want something similar to the cardview in Android.</p>
  
  <p><a href="https://i.stack.imgur.com/qaGLj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qaGLj.png" alt="enter image description here"></a></p>
  
  <p>Base on what I found that could be accomplished by a Frame. I have this code: </p>
  
  <pre><code>&lt;ViewCell&gt;
      &lt;StackLayout Padding="8" &gt;
          &lt;controls:CardView HasShadow="True" OutlineColor="LightGray"&gt;
              &lt;StackLayout Orientation="Vertical" Padding="5"&gt;
                  // Some labels and Buttons                
              &lt;/StackLayout&gt;
          &lt;/Frame&gt;
      &lt;/StackLayout&gt;
  &lt;/ViewCell&gt;
  </code></pre>
  
  <p>The CardView has the following code:</p>
  
  <pre><code>public class CardView : Frame
  {
      public CardView()
      {
          Padding = 0;
          if (Device.RuntimePlatform == Device.iOS)
          {
              HasShadow = false;
              OutlineColor = Color.Transparent;
              BackgroundColor = Color.Transparent;
          }
      }
  }
  </code></pre>
  
  <p>This results in a something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/UxQeO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UxQeO.png" alt="enter image description here"></a></p>
  
  <p>This looks more like a Border than this card levitation effect.
  The example above actually uses the same cardview control, without any styles (even without the OutlineColor). Do I miss a option I have to configure? Or how could I achieve the same result as in the sample?</p>
  
  <p>Xamarin.Forms Version: 2.5.0.280555</p>