同時に2つのアニメーションをフェードインする？

Question

私は2つのアニメーションをスクリーンに同時にフェードインしようとしています。これは現時点では不可能です。なぜなら、1つのアニメーションはアニメーション遅延をカウントする前に 'typed.jsエフェクト'が終了するまで待っているからです。

したがって、2つのアニメーションを同時にフェードインするには、別のアニメーション遅延を設定する必要があります。

jsfiddleは、問題を示しています。彼らは同期に来るように、単に、二つの異なる種類のアニメーション遅延を設定

https://jsfiddle.net/harrydry/p4ev1nj2/13/

は解決策ではありません。アニメーション全体がはるかに複雑で、これはうまくいきません。 私はここに示すように、CSSアニメーションは、プラグインを使用している：

<span class="line1 animated fadeIn">Jim Jarmusch</span> 

Answer 1

jQueryfadeIn()がオプションであれば、あなたはセレクタとして一般的なクラスを使用することができますし、アニメーションが同時になります：

HTML

<div style="display:none" class="test"> 
    Test 1 
</div> 
<div style="display:none" class="test"> 
    Test 2 
</div> 
<div style="display:none" class="test"> 
    Test 3 
</div> 
<div style="display:none" class="test"> 
    Test 4 
</div> 

JS

今