CSS3 animation : Number Count Up?

Question

저는 특정 숫자 "X"에서 시작하여 +1 시간으로 카운트 업하는 CSS3를 사용하여 카운트 업 애니메이션을 만들려고합니다. this과 같은 애니메이션 종류를 사용합니다.

애니메이션 길이로 애니메이션 길이를 사용할 수 있으며 애니메이션 반복 횟수를 무한대로 설정할 수는 있지만 애니메이션을 다시 시작할 때마다 "X + 1"로로드 할 수 있습니다. 애니메이션?

감사합니다.

Answer 1

콘텐츠 속성을 애니메이트하는 의사 요소를 사용하여 수행 할 수 있지만 의사 요소에 CSS 애니메이션을 지원하는 것은 여전히 ​​다소 추상적입니다. 내가 것 여분의 마크 업을 향한 자신의 감정에 따라 JSFiddle

:

JS-무료 솔루션은 HTML에서 실제로 couting 번호를 넣고

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

여기 예와 그 사이에 애니메이션을하는 것입니다 아마 JS 솔루션으로 갈 것입니다 (거기에는 많은 것들이 있습니다).