Texteffekte

Scroll focus reveal

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

Scroll to sharpen

When you scroll, each word sharpens into focus one after another.

The reveal follows your thumb in both directions, handing focus back the moment the block drifts down the page.

Scroll focus reveal verwenden

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

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, baseOpacity, blurStrength

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.

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.

2827Highlight focus swapTexteffekteWörter in einem Satz werden abwechselnd scharf dargestellt, während der Rest verschwimmt, wobei ein leuchtender Eckklammerrahmen zum Kästchen des im Fokus stehenden Wortes verschoben 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.

2220Scroll Progress Text RevealTexteffekteEin 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.

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.