有沒有辦法使用animate.css循環組合動畫？我試圖反彈的話/幻燈片，讓他們反彈了

Question

基本上我試圖創建僅使用bounceInLeft然後bounceInRight使用丹伊甸園的animate.css文字的幻燈片：https://daneden.github.io/animate.css/

而不是同時應用類一個不起作用的標籤，我使用webkit動畫在2秒後開始第二個動畫。這有效，但只經過一次，我想要循環，但也有其他的詞。我也嘗試添加無限類，但它只重複上一次動畫（bounceOutRight）。向webkite-animation添加第三個和第四個動畫似乎也不起作用。

我有非常有限的JavaScript知識，我假設我只是需要創建一個我想要的單詞的數組，並讓他們循環但我不知道我會如何去。任何幫助，將不勝感激！

.bounceInLeft { 
-webkit-animation: bounceInLeft 1s, bounceOutRight 2s; 
-webkit-animation-delay: 0s, 1.5s; 
} 

Answer 1

找到一個jQuery插件，這是否 http://morphist.fyianlai.com/

Answer 2

這應該工作：

.bounceInLeft { 
-webkit-animation: bounceInLeft 1s infinite, bounceOutRight 2s infinite; 
-webkit-animation-delay: 0s, 1.5s; 
} 

如果只添加它放在最後一個，這當然只重複最後一個。