title: Neumorphic cards on Android
body: <p>I'm trying to implement neumorphic cards on Android using <code>elevation</code> attribute and new <code>outlineSpotShadowColor</code> attribute.</p>
  
  <p>This is what I got so far:</p>
  
  <p><a href="https://i.stack.imgur.com/kJkMv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kJkMv.png" alt="enter image description here"></a></p>
  
  <p>XML code:</p>
  
  <pre><code>android:elevation="35dp"
  android:outlineSpotShadowColor="#9677d8"
  </code></pre>
  
  <p>Background shape:</p>
  
  <pre><code>&lt;shape android:shape="rectangle"&gt;
      &lt;solid android:color="#b18cfe" /&gt;
      &lt;corners android:radius="30dp" /&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>And this is what I'm trying to achieve:</p>
  
  <p><a href="https://i.stack.imgur.com/zKW59.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zKW59.png" alt="enter image description here"></a></p>
  
  <p>As you can see the second card has different shadow colour on different sides. </p>
  
  <p>How to do this on Android?</p>