Animation

Directional Slide In

Eine 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.

Reveal preview

Down

Left

Right

01Connect your repo

02Pick a theme

03Invite your team

Directional Slide In verwenden

Eine 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.

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: direction, offset, delay, stagger, 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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

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.

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.

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

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.

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.