CSS3動畫：數字向上？

Question

我想創建一個使用CSS3的向上計算動畫，該動畫使用類似於this的動畫類型，該動畫使用從特定數字「X」開始並以設置的間隔+1進行計數。

我知道可以使用動畫持續時間線作爲動畫長度，並且只需將animation-iteration-count設置爲無限，但是是否可以在每次重新啓動時將其加載爲「X + 1」動畫？

謝謝！

Answer 1

也許可以用一個僞元素來完成內容屬性的動畫製作，但是對僞元素的CSS動畫的支持仍然有點粗略。

一個JS-免費的解決方案將是把couting的數字實際上是在HTML，然後將這些之間的動畫與

-webkit-animation-timing-function: steps(X); 

這裏舉例：JSFiddle

取決於你對額外的標記我想感受可能會使用JS解決方案（這裏有很多）。