淡入DIV相繼與延遲

Question

我想要做這樣的事情

的圖像應該從右側和規模爲100％淡出然後淡出到右，反之亦然

和這是我的code

的問題是，當第二.spinner淡入它的表現比第一個不同，當它達到轉變的75％，它走出去的.row

的

也是第三個出現在下一行，我試過display:inline，它不工作

請幫忙嗎？

PS：忘掉紅色按鈕，也轉變爲ONE .spinner

Answer 1

你想要的元素都共享相同的運動做工不錯。

因此，它們的初始位置必須相同。如果你在流中使用元素，這不會發生。絕對位置：

.spinner { 
    position: absolute; 
    left: 500px; 
} 

我已經刪除了很多不再需要的前綴，並添加了一些z-index更改。這是不完美的，你將需要處理一點點...

fiddle