Texteffekte

Scroll Progress Text Reveal

Ein langer Satz bleibt auf dem Bildschirm angeheftet, während die Seite daran vorbeiscrollt, und jedes Wort wird einzeln von dunkel auf hell beleuchtet, sobald die Bildlaufposition an der Reihe ist.

Thislibrarywillchangethewayyoudesigninterfaces.

Scroll to reveal

Scroll Progress Text Reveal verwenden

Ein langer Satz bleibt auf dem Bildschirm angeheftet, während die Seite daran vorbeiscrollt, und jedes Wort wird einzeln von dunkel auf hell beleuchtet, sobald die Bildlaufposition an der Reihe ist.

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, dimOpacity, scrollLength

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

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.

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.

2820Scroll float revealTexteffekteÜberschriftszeichen schweben von unten nach oben und nehmen ihre Form an, während ihr Abschnitt durch das Ansichtsfenster scrollt und direkt an die Scrollposition verschoben wird.

2821Scroll focus revealTexteffekteEin Absatz beginnt schief, dunkel und verschwommen und wird dann Wort für Wort gerade und schärfer, während der Leser durch ihn scrollt.

2242Staggered Reveal TextTexteffekteEin Satz erscheint in gestaffelten Teilen, aufgeteilt in Wörter, Zeichen oder Zeilen, wobei ein ausgewählter Eingangsstil wie Einblenden, Unschärfe, Gleiten oder Skalieren verwendet 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.