フラグメント - フェードインしてからフェードアウトする

Question

私はカスタムフラグメントアニメーションを望むので、少し遅れてフェード - ライト/フェード - レフトインしてからフェードアウトします。すべてのフラグメントがクラス.visibleと.current-fragmentを持つと仮定すると、私はちょっと遅れてクラス.visibleを削除して欲しい結果を得ることができたと思った。

これはありません。私のコードスニペットはクラスを削除しません。 .jsを読む彼はすべての要素に対して.visibleクラスを追加しています。あなたの答えのための

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

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

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

ありがとう：

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

は、ここにOはるかに私のコード・スニペットです。たぶん私は間違った道を歩いているだけで、CSSでそれをやるべきでしょうか？

reveal.js documentationで発見

Answer 1

：

複数の断片がそれを包むことによって同じ素子を順次に適用することができ、これは第一段階上のテキストでフェードおよび第二にそれをバックフェードします。

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

カスタムフラグメントアニメーションを構築するとき、data-fragment-index=""に注意してください。