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.

1. How do I manage removing the tile fade-out effect post zooming into the map?(Zoom Event)
2. How do I manage removing the tile fade-out effect during the demonstration of fly-over event?(Fly-over event)

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.

1. Zoom-out event.

2. Fly-over event.

3. 

Note: I've used no web frameworks and tried using the code from Leaflet tutorial to see how leaflet apps look and feel in terms of user-experience.

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{ 
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);

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.