title: Does Backdrop-Filter not work on Chrome IOS?
body: <p>I'm currently working on a website that requires <code>backdrop-filter</code> to use its blur feature. Everything works as intended on:</p>
  <ul>
  <li>Chrome for Windows and MacOS</li>
  <li>Safari for iOS and MacOS</li>
  </ul>
  <p>I understand that not all browsers may support <code>backdrop-filter</code> which is why I don't mention Firefox.
  However, the code doesn't seem to work on Chrome for IOS. For reference, for Chrome IOS, I am running Version 87.0.4280.77.</p>
  <p>I've checked &quot;caniuse.com&quot; and it seems like the effect should be supported (<a href="https://caniuse.com/?search=backdrop-filter" rel="nofollow noreferrer">https://caniuse.com/?search=backdrop-filter</a> for reference).</p>
  <p>Here is the brief HTML:</p>
  <pre><code>&lt;div class=&quot;blur&quot;&gt;
      &lt;h1&gt;My Resume&lt;/h1&gt;
        &lt;/div&gt;
            &lt;div class=&quot;blur&quot;&gt;
      &lt;h2&gt;“Innovation distinguishes between a leader and a follower” ― Steve Jobs&lt;/h2&gt;
        &lt;/div&gt;
  </code></pre>
  <p>and here is the corresponding CSS:</p>
  <pre><code>.blur::before{
      backdrop-filter: blur(2px) contrast(0.6);
      -webkit-backdrop-filter: blur(2px) contrast(0.6);
      width: contain;
      border-radius: 4px;
      padding: 0.3rem;
      
  }
  .blur {
      backdrop-filter: blur(2px) contrast(0.6);
      -webkit-backdrop-filter: blur(2px) contrast(0.6);
      width: contain;
      border-radius: 4px;
      padding: 0.3rem;
  }
  </code></pre>
  <p><strong>Is there something wrong with my code? Is there an issue with my Chrome? Or does Chrome for IOS not support</strong> <code>backdrop-filter</code> <strong>?</strong></p>