JavaScript: animare la proprietà CSS display per nascondere gli elementi

JavaScript
12/03/2022
Gabriele Romanato
Versione PDF

In JavaScript possiamo animare la proprietà CSS display per nascondere gli elementi.

La soluzione è la seguente:


'use strict';

const hide = (el, delay = 400, easing = 'ease') => {
    if(!el || el === null) {
        return;
    }
    el.style.transition = `all ${delay}ms ${easing}`;
    el.style.transform = 'scale(0)';
    setTimeout(() => {
       el.style.display = 'none';
    }, delay);
};