Scrollen

Blur fade reveal

Inhalte, die unscharf und transparent ankommen, werden dann beim ersten Scrollen in die Ansicht geschärft, ohne dass sich ein einziges Pixel verschiebt.

Scroll to reveal

Blur fade reveal verwenden

Inhalte, die unscharf und transparent ankommen, werden dann beim ersten Scrollen in die Ansicht geschärft, ohne dass sich ein einziges Pixel verschiebt.

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: blurAmount, duration, delay, threshold, startOpacity

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

1882Scroll focus columnScrollenEine scrollende Spalte, in der jede Zeile beim Verlassen des Lesebereichs verblasst und schrumpft und beim Eintritt wieder vollständig präsent wird, sodass nur die Mitte jemals vollständig durchgezogen ist.

1880Scroll entrance wrapperScrollenEin Wrapper, der seine Kinder in der geparkten Position hält, bis sie ins Sichtfeld scrollen, dann eine erleichterte Ankunft abspielt und diese nie wiederholt.

1891Stacked blur fadeScrollenEine Scroll-Panel-Kante, die durch mehrere gestapelte Hintergrundunschärfen anstelle eines flachen Unschärfebands in die Panelfarbe übergeht.

1892Sticky zoom heroScrollenEin Hero-Panel, das angeheftet bleibt, während Sie scrollen, und dessen Hintergrund in Ihre Richtung schiebt, bis er verschwimmt und die Seite an den darunter liegenden Text übergibt.

1855Enter view revealScrollenBlöcke, die in dem Moment, in dem sie ins Blickfeld kommen, gleiten und verblassen, und sich selbst zurücksetzen, sobald sie es verlassen, sodass die Enthüllung bei jedem Durchgang erneut abgespielt wird.

2838Scroll dim text revealScrollenEin Absatz bleibt abgeblendet und wird im Gleichschritt mit dem Scrollen Wort für Wort heller. Beim Zurückscrollen wird er dann wieder abgedunkelt.