Texteffekte

Split text reveal

Eine Überschrift, deren Wörter oder Zeichen aus einer Clip-Maske auftauchen, verschwommen und getönt sind, beim Mounten von links nach rechts versetzt und beim Klicken wiedergegeben werden.

Release 4.2

Incremental builds reuse the module graph, so a single file edit reaches the browser in about 400 ms.

9.1s cold0.4s warm218 packages

Split text reveal verwenden

Eine Überschrift, deren Wörter oder Zeichen aus einer Clip-Maske auftauchen, verschwommen und getönt sind, beim Mounten von links nach rechts versetzt und beim Klicken wiedergegeben werden.

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, split, stagger, duration

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

2307Blur in word revealTexteffekteWörter in einem Satz lösen sich nacheinander von einer sanften Unschärfe in einen scharfen Fokus auf, während der Satz ins Blickfeld gescrollt wird.

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.

1991Letter roll inTexteffekteEine Textzeile, in der sich jedes Zeichen um eine horizontale Achse dreht und das alte Gesicht wegrollt, während ein identisches Gesicht von unten hereinrollt.

2379Line by line headline revealTexteffekteIn einer Überschrift wird jeweils eine vollständig umbrochene Zeile angezeigt: Jede Zeile wird von links nach rechts geöffnet, als würde sich ein Vorhang heben, während ein farbiges Häkchen an der Hinterkante landet und erleuchtet bleibt und eine sichtbare Spur hinterlässt, sobald sich die Sequenz beruhigt hat.

2809Paper fold textTexteffekteDer Text wird in Zeichen, Wörter oder Zeilen aufgeteilt, die sich entlang einer ausgewählten Scharnierkante mit einem Knickschatten entfalten und über die Phrase hinweg versetzt sind.

2418Scroll blur reveal textTexteffekteEin Textblock, der zunächst verschwommen und versetzt erscheint und beim ersten Scrollen Wort für Wort oder Buchstabe für Buchstabe scharf wird.