兩個動畫同時淡入？

Question

我試圖讓兩個動畫淡入到屏幕上同時。目前這是不可能的，因爲在計算動畫延遲之前，一個動畫正在等待'typed.js效果'完成。

所以爲了有兩個動畫fadeIn在同一時間我必須設置不同的動畫延遲。

的的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

$(document).ready(function() { 
    $('.test').fadeIn('slow'); 
}); 

小提琴

https://jsfiddle.net/ygzyoyxx/