CSS - 文本滑塊這裏

Question

新手這樣下去容易在我身上......

我實現了一個滑塊，顯示多個文字見證。

我以前從這裏代碼：http://cssdeck.com/labs/tu1e6uq5（推薦的幻燈片）

..並在這裏實現了它：http://www.yourtelemarketing.co.uk/testimonial.html

不過，我剛剛發現的文字滑塊似乎並沒有工作， Chrome或Firefox，（IE11都很好）

有關如何解決的任何想法？ 非常感謝。

（只是爲了澄清 - 我正在對文本推薦不滑動，而不是旗幟/英雄的圖像，這只是正常工作）

Answer 1

如果你檢查你的網頁在Chrome控制檯，看看風格。你會注意到動畫屬性是交叉的。我認爲你需要根據瀏覽器加上「-webkit-」，「 - moz-」等前綴來定義它們。與此類似：

-webkit-animation: tsl-fade-in-out 25s infinite; 
-moz-animation: tsl-fade-in-out 25s infinite; 
-ms-animation: tsl-fade-in-out 25s infinite; 
-o-animation: tsl-fade-in-out 25s infinite; 
animation: tsl-fade-in-out 25s infinite; 

等等用於其他動畫屬性。 同樣需要添加

@-moz-keyframes tsl-fade-in-out{ 
    ... 
} 

@-webkit-keyframes tsl-fade-in-out{ 
    ... 
} 

非常久遠的關鍵幀。 試試這個。它可能解決你的問題。