Scrollen

Scroll snap word list

Eine lange Liste von Wörtern rollt in einem festen Fenster und das Wort, das das Mittelband kreuzt, leuchtet mit einem springenden Knall auf, während der Rest dunkel und geneigt bleibt.

Specimen scroll

Scroll to spotlight

Hierarchy

Contrast

Rhythm

Balance

Texture

Weight

Motion

Clarity

Scroll snap word list verwenden

Eine lange Liste von Wörtern rollt in einem festen Fenster und das Wort, das das Mittelband kreuzt, leuchtet mit einem springenden Knall auf, während der Rest dunkel und geneigt bleibt.

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: rotationDepth, dimOpacity, accentColor

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

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.

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

2832Curtain scroll revealScrollenEine Reihe von Bildern, die beim Scrollen jeweils hinter einer verschiebbaren Vorhangmaske zum Vorschein kommen, bringt sie ins Blickfeld und verdeckt sie wieder, wenn sie wieder herausscrollen.

1873Parallax plate galleryScrollenEine einrastende vertikale Galerie, in der die übergroße Indexnummer jeder Platte mit einer anderen Geschwindigkeit als die Platte selbst wandert, mit einer Scroll-Fortschrittsschiene am unteren Rand.

1874Pinned lateral galleryScrollenEin Abschnitt, der an Ort und Stelle bleibt, während Sie mit dem vertikalen Scrollen eine Reihe von Bedienfeldern seitwärts ziehen, dann loslässt und die Seite fortfahren lässt.

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.