fragment - fondu avant de disparaître

Question

Je veux une animation de fragmentation personnalisée, afin qu'elle se décolore à droite/à gauche, puis disparaisse après un court délai. Étant donné que tous les Fragments ont la classe .visible et .current-fragment. Je pensais que je pourrais juste supprimer la classe .visible après un court délai et obtenir le résultat voulu.

Ce n'est pas le cas. Mon extrait de code ne supprime pas la classe. En lisant le fichier .js, je vois qu'il ajoute la classe .visible pour chaque élément.

// Show all fragments 
toArray(dom.wrapper.querySelectorAll(SLIDES_SELECTOR + ' .fragment')).forEach(function(fragment) { 
    fragment.classList.add('visible'); 
}); 

Voici mon bout de code o loin:

if ($(".slash__input").hasClass("fade-left") || element.hasClass("fade-right")) { 

    $("slash__input").removeClass("visible"); 

    setTimeout(function() { 
     console.log("working"); 
     $('slash__input').removeClass("visible"); 
    }, 5000);} 

Merci pour votre réponse. Peut-être que je suis dans le mauvais chemin et juste le faire avec CSS?

Answer 1

trouvés dans les reveal.js documentation:

fragments multiples peuvent être appliquées au même élément séquentiellement en l'enveloppant, ce disparaîtra dans le texte de la première étape et à la décoloration en arrière sur la seconde.

<section> 
<span class="fragment fade-in"> 
    <span class="fragment fade-out">I'll fade in, then out</span> 
</span> 

Soyez conscient du data-fragment-index="", lors de la construction des animations de fragments personnalisés.