Animation

Odometer number

Eine Zahl, die aus unabhängigen Ziffernspalten besteht, wobei jede vertikal zu ihrer neuen Ziffer rollt, sodass die Einsen Spins platzieren, während sich die führenden Ziffern kaum bewegen.

live throughput

updates continuously

Odometer number verwenden

Eine Zahl, die aus unabhängigen Ziffernspalten besteht, wobei jede vertikal zu ihrer neuen Ziffer rollt, sodass die Einsen Spins platzieren, während sich die führenden Ziffern kaum bewegen.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: value, grouping, decimals, stiffness, accent

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1789Number reelAnimationEine mit einem Fenster versehene Walze mit abgestuften Werten, die sich von Null an dreht und zum Stillstand kommt, wobei das Ziel in einem hervorgehobenen mittleren Schlitz landet.

2042Sliding digit counterDatendarstellungEine Summe, die hochgezählt wird, indem jede Ziffernspalte an ihren Platz gerollt wird, während sich daneben ein Stern füllt und bei der Landung ein paar Partikel zerplatzt.

1669Blur revealAnimationEin Wrapper, der sein untergeordnetes Element unscharf und leicht versetzt hält, bis es zum ersten Mal in das Ansichtsfenster eintritt, dann die Unschärfe auflöst und die Lücke in einer Bewegung schließt.

1763Bobble tile gridAnimationEin Gitter aus farbigen Kacheln, die auf einer Feder vom Zeiger wegbewegen und umso stärker abprallen, je schneller der Zeiger darüber gleitet.

1672Burst particle emitterAnimationUmhüllt jedes Element und feuert einen gestaffelten Fächer kleiner Flecken von einer ausgewählten Kante ab, beim Klicken, in einer Schleife oder beim ersten Scrollen in die Ansicht.

1674Celebration burstAnimationEine Leinwandexplosion aus Papierflocken, die von einem Knopf abgefeuert wird, sich in einem Bogen ausbreitet, die Kante flattert, während sie fallen und unter der Schwerkraft aus dem Rahmen fallen.