Animation

Stagger bar row

Eine Reihe von Stäben, die nacheinander an ihren Platz steigen, wobei die Welle an einem der Enden oder in der Mitte nach außen beginnt.

Stagger bar row verwenden

Eine Reihe von Stäben, die nacheinander an ihren Platz steigen, wobei die Welle an einem der Enden oder in der Mitte nach außen beginnt.

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: accent, count, stagger, origin, distance

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

1787Mount pop inAnimationEine Reihe von Formen, die in dem Moment, in dem sie aufsteigen, aus dem Nullpunkt springen, versetzt, sodass die Gruppe als eine Welle gelesen wird, mit einer Wiederholungstaste, um sie noch einmal anzusehen.

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.

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.

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.

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.

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.