Animation

Staggered Fade List

Zeilen, die von einem ausgewählten Start-opacity nacheinander ausgeblendet werden, wenn die Gruppe angezeigt wird, wobei der Abstand zwischen ihnen einstellbar ist.

Deploy health

Requests / min12,480
Error rate0.08%
P95 latency142 ms
Active workers18
Queue depth3

Staggered Fade List verwenden

Zeilen, die von einem ausgewählten Start-opacity nacheinander ausgeblendet werden, wenn die Gruppe angezeigt wird, wobei der Abstand zwischen ihnen einstellbar ist.

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: startOpacity, endOpacity, stagger, delay, accent

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

1684Directional Slide InAnimationEine Enthüllung, die den Inhalt von einer der vier Seiten um einen festgelegten Abstand nach innen schiebt und es einer Feder ermöglicht, den ankommenden Inhalt aufzufangen.

1697Focus in revealAnimationEine Enthüllung, die den Inhalt unscharf macht und ihn beim Erscheinen schärfer erscheinen lässt, mit einer optionalen Verzögerung pro Element für einen Zeilenstapel.

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.

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

1743Scale in on viewAnimationEin Wrapper, der sein untergeordnetes Element klein hält, bis es zum ersten Mal in die Ansicht gescrollt wird, und es dann auf die volle Größe zurückversetzt, mit einer optionalen Staffelung pro Element für Listen.

1773Entrance timing playgroundAnimationEine Disc spielt auf Abruf den gleichen Eingangszug ab, sodass Sie genau spüren können, welchen Beitrag Dauer, Verzögerung und Entspannungskurve jeweils leisten.