Hintergründe

Scrolling tile lattice

Ein endloses, umrissenes Gitter, das in eine Richtung scrollt, die Zellen unter dem Zeiger füllt und sie dahinter ausblenden lässt.

Live grid

Every cell keeps its own state as the grid drifts

Move the pointer across the lattice to light a trail of cells behind it.

Scrolling tile lattice verwenden

Ein endloses, umrissenes Gitter, das in eine Richtung scrollt, die Zellen unter dem Zeiger füllt und sie dahinter ausblenden lässt.

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: shape, direction, tileSize, speed, fillColor, trailLength

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

1978Halftone ripple fieldHintergründeEin Feld aus winzigen Kacheln, die sich mit einem treibenden Geräuschmuster ein- und ausschalten, und bei jedem Klick rast ein Ring aus leuchtenden Kacheln nach außen.

1947Cursor fluid trailHintergründeEin dunkles Feld, über das beim Ziehen des Zeigers farbige Flüssigkeit verschmiert wird und der Fleck sich nach dem Anhalten des Zeigers weiter wellt und dünner wird.

1681Cursor trail gridHintergründeEin Gitter aus umrissenen Zellen, die unter dem Zeiger aufleuchten, langsam abkühlen, sobald er sich bewegt, und eine verblassende Spur hinterlassen.

1733Pointer lit latticeHintergründeEin Leinwandgitter, dessen Zellen aufleuchten, wenn der Zeiger vorbeiläuft, gehalten wird und dann abklingt, wobei ein Druck einen Lichtring sendet, der sich bis in die entferntesten Ecken ausdehnt.

1761Warped tile tunnelHintergründeEin dunkler Hintergrund, gefliest mit leuchtenden Quadraten, die sich durch eine Linse wölben, mit hellen Ringen, die sich von der Mitte für immer nach außen drängen.

2110Aurora band glowHintergründeEin weiches Lichtband, das über einen dunklen Rahmen liegt, dessen Rand auf geschichtetem Rauschen wandert, während die Farbe über seine Länge wandert.