JavaScript: creare un effetto di dissolvenza sugli elementi

In JavaScript è semplice far scomparire un elemento.

La soluzione è la seguente:

'use strict';

const fadeOut = (el, delay = 500) => {

    if(el === null || !el) {
        return false;
    }
    
    el.style.transition = 'opacity ' + delay + 'ms ease-out';
    el.style.opacity = 0;

    setTimeout(() => {
       el.style.display = 'none';
    }, delay);
};