CSS3 animation: Anzahl Zählen?
Ich versuche zu schaffen, eine count-up animation mit CSS3 gestartet wird, dass auf eine bestimmte Anzahl "X" und zählt bis zum eingestellten Intervall von +1 werden mit Hilfe einer animation in der Art, wie diese.
Ich weiß, das ist möglich, die animation-Dauer-Linie als die Länge der animation, und einfach nur die animation-iteration-count auf unendlich, aber ist es möglich, um es zu laden, als "X+1" bei jedem Neustart der animation?
Dank!
- Können Sie Ihre in-progress-code? Wir können Ihnen helfen, Debuggen, was Sie bereits haben, aber wir sind nicht hier, um zu schreiben, Ihren gesamten code für Sie.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Könnte es vielleicht mit einem pseudo-element, wo Sie animieren das content-Attribut, aber die Unterstützung von CSS-Animationen auf pseudo-Elemente ist noch etwas lückenhaft.
Eine JS-freie Lösung wäre die couting zahlen, die auch tatsächlich in HTML und animieren Sie dann zwischen denen mit
Beispiel hier: JSFiddle
Je auf Ihre Gefühle in Richtung zu den extra-markup würde ich wahrscheinlich gehen mit einer JS-Lösung (es gibt viele gibt).