Scrollen

Velocity wave carousel

Eine breite Reihe von Bildkacheln, die beim Scrollen der Seite seitwärts driftet und sich in eine vertikale Welle verwandelt, die steiler wird, je schneller der Besucher scrollt.

Cascade Pass trail reel

Scroll the page to feed the wave, drag the row to scrub it.

12 frames, looping

wave 0 pxscroll 0 px/s

Velocity wave carousel verwenden

Eine breite Reihe von Bildkacheln, die beim Scrollen der Seite seitwärts driftet und sich in eine vertikale Welle verwandelt, die steiler wird, je schneller der Besucher 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: waveIntensity, tileCount, 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?

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

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.

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.

1901Velocity marqueeScrollenZwei Zeilen mit sich wiederholendem Text, die in entgegengesetzte Richtungen driften und sich beim Scrollen der Seite beschleunigen oder umkehren, um dann wieder in ihr ursprüngliches Tempo zurückzukehren.

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.

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.