Scrollen

Stacked blur fade

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

Marisol VegaCeramic pour-over set$68.00Shipped
Owen BlakeWalnut cutting board$94.00Processing
Priya NairLinen table runner$41.50New
Hugo FischerCast-iron skillet, 10 in$52.00Shipped
Ada SolomonStoneware mug, set of 4$36.00Delayed
Ines DuarteBrass candle holder$28.00Shipped
Kenji SatoWoven market basket$45.00Processing
Lena KowalskiMarble cheese board$59.00New
Tomas ReyesHand-thrown fruit bowl$47.00Shipped
Freya NilsenBeeswax candle trio$22.00Shipped
Diego MarinOak spoon rest$18.00Processing
Clara VossLinen napkin, set of 6$33.00Shipped

Stacked blur fade verwenden

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

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: height, position, layers, maxBlur, autoHide, 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

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.

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.

2407Progressive edge blurLayoutEin Band, das an einer Kante eines Bildlauffelds befestigt ist und dessen Inhalt allmählich in den Hintergrund tritt, anstatt ihn an einer harten Linie abzuschneiden.

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.

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.

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.