如何在動畫之間延遲並在之前的動畫中出現css

Question

我想問一下，如何在動畫之間做出延遲的css？我嘗試過，但它仍然出現在開頭，然後是動畫功能。

我想要的是對象/文本只顯示在前一個動畫（對象3）之後。

這是我在的jsfiddle代碼：[http://jsfiddle.net/sugoi/bV6Pc/]

謝謝

Answer 1

您需要用不透明玩。 我們看到：fork jsfiddle

.slideRight { 
    opacity: 0.0; 
} 

@keyframes slideRight { 
    0% { 
     transform: translateX(-150%); 
     opacity: 1; 
    } 
    <!--...--> 
    100% { 
     transform: translateX(0%); 
     opacity: 1; 
    } 
} 

但似乎還需要一些JS ..

Answer 2

內的CSS動畫，你可以指定一個延遲，所以你可以操縱兩個動畫 語法 - 動畫：名時間定時函數延遲迭代計數方向;