Animation

Pixel Curtain

Ein Block aus farbigen Quadraten strömt in zufälliger Reihenfolge über eine Karte, verbirgt den Tausch darunter und verschwindet dann auf die gleiche verstreute Weise.

Pixel Curtain verwenden

Ein Block aus farbigen Quadraten strömt in zufälliger Reihenfolge über eine Karte, verbirgt den Tausch darunter und verschwindet dann auf die gleiche verstreute Weise.

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: gridSize, stepDuration, pixelColor, accent, once

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

1676Composable RevealAnimationEin Reveal-Wrapper, dessen Schiebe-, Fade-, Zoom- und Defokussierungsteile jeweils eingeschaltet und zu einem einzigen Federübergang kombiniert werden können.

1735Pointer tilt cardAnimationEine Karte, die sich dreidimensional zum Zeiger neigt, mit einem Glanz, der über die Vorderseite gleitet, und einer Feder, die sie beim Herausnehmen wieder auf die gleiche Höhe bringt.

1669Blur revealAnimationEin Wrapper, der sein untergeordnetes Element unscharf und leicht versetzt hält, bis es zum ersten Mal in das Ansichtsfenster eintritt, dann die Unschärfe auflöst und die Lücke in einer Bewegung schließt.

1763Bobble tile gridAnimationEin Gitter aus farbigen Kacheln, die auf einer Feder vom Zeiger wegbewegen und umso stärker abprallen, je schneller der Zeiger darüber gleitet.

1765Circular wipe switcherAnimationEin Farbumschalter, bei dem das neue Thema die gesamte Oberfläche als Kreis überflutet, der sich von genau dem Punkt aus ausdehnt, auf den Sie gedrückt haben, während der Auswahlring zwischen den Farbfeldern gleitet.

1682Diagonal Glare SweepAnimationEin Wrapper, der ein schmales Lichtband diagonal über den Inhalt gleitet, wenn der Zeiger- oder Tastaturfokus erreicht wird.