Animation

Scale in on view

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

Growth snapshot

MRR
$48.2k
Active users
12,480
Retention
94%
Avg. session
6m 12s

Scale in on view verwenden

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: startScale, stagger, delay, damping, 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

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.

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.

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.

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.