title: How to get rid of the gray tile fade-out effect in Leaflet maps?
body: <p>I was working on a geospatial data solutions which requires monitoring project locations on a daily basis. I want to make this experience pleasant for the end users.</p>
  <ol>
  <li>How do I manage removing the tile fade-out effect post zooming into the map?(Zoom Event)</li>
  <li>How do I manage removing the tile fade-out effect during the demonstration of fly-over event?(Fly-over event)</li>
  </ol>
  <p>I believe the following GIFs give a better idea of the area turning gray and tiles fading out post the zoom and fly-over event.</p>
  <ol>
  <li><p>Zoom-out event.
  <a href="https://i.stack.imgur.com/BAKe7.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BAKe7.gif" alt="Tile fade-out post zoom out." /></a></p>
  </li>
  <li><p>Fly-over event.</p>
  </li>
  <li><p><a href="https://i.stack.imgur.com/84IxE.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/84IxE.gif" alt="Tile fade-out during fly-over event." /></a></p>
  </li>
  </ol>
  <p>Note: I've used no web frameworks and tried using the code from <a href="https://leafletjs.com/examples/choropleth/" rel="nofollow noreferrer">Leaflet tutorial</a> to see how leaflet apps look and feel in terms of user-experience.</p>
  <pre><code>L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{ 
          attribution: '&amp;copy; &lt;a href=&quot;https://www.openstreetmap.org/copyright&quot;&gt;OpenStreetMap&lt;/a&gt; contributors'
      }).addTo(map);
  </code></pre>
  <p>I truly believe the person using my product must have premium level experience, for which I seek the help of mapbox/leaflet developers' expertise in guiding me through this small obstacle. Thank you.</p>