Texteffekte

Physics drop text

Ein Satz zerfällt in Wörter, die unter der simulierten Schwerkraft fallen, taumeln und hüpfen, sich dann setzen und mit dem Zeiger hin und her bewegt werden können.

Componentsfallintoplacewithrealgravityandphysics

Words settle at the bottom, then you can grab and flick them around.

Physics drop text verwenden

Ein Satz zerfällt in Wörter, die unter der simulierten Schwerkraft fallen, taumeln und hüpfen, sich dann setzen und mit dem Zeiger hin und her bewegt werden können.

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: text, gravity, highlightColor, trigger

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2301Ascii Art HeadingTexteffekteEin großes Wort wird als Mosaik aus monospaced-Zeichen dargestellt, deren Dichte die Buchstabenformen nachahmt und sich sanft kräuselt und zum Zeiger hin neigt.

2830Split flap displayTexteffekteEine Reihe mechanischer Flipboard-Kacheln durchläuft eine Liste mit kurzen Sätzen, und nur die Kacheln, deren Buchstaben sich ändern, fallen vor der Landung durch ein paar zufällige Klappen.

2824Cascading Letter RevealTexteffekteEine Überschrift, die sich Buchstabe für Buchstabe offenbart, mit einem sanften Auf- und Abschwellen, wenn sie sichtbar wird, und dann unverändert bleibt, wenn sie fertig ist.

2320Circular hover speed ringTexteffekteEine Phrase dreht sich langsam um einen Kreis, bis der Zeiger ankommt, dreht sich dann schnell und wächst leicht an, bevor sie sich wieder entspannt, sobald der Zeiger weggeht.

2327Count Up NumberTexteffekteEine große Zahl, die von einem Startwert bis zu einem Ziel springt, sobald sie ins Blickfeld gescrollt wird, und leicht übersteigt, bevor sie sich einpendelt.

2826Elastic weight headlineTexteffekteEine einzelne Zeile aus riesigen Großbuchstaben, deren Gewicht, Breite und Neigung um eine verzögerte, entspannte Cursorposition anschwellen.