Animation

Orbiting Avatar Intro

Ein Stapel runder Porträts, der sich anhebt, zu einem Kreis auffächert und sich dann langsam um die Mitte dreht, während jedes Porträt aufrecht bleibt.

Orbiting Avatar Intro verwenden

Ein Stapel runder Porträts, der sich anhebt, zu einem Kreis auffächert und sich dann langsam um die Mitte dreht, während jedes Porträt aufrecht bleibt.

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: count, stageSize, orbitSeconds, tileSize, 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

1791Orbiting badgesAnimationKleine Abzeichen, die gleichmäßig um eine oder zwei kreisförmige Schienen verteilt sind, wobei sich jeder Ring mit seiner eigenen Geschwindigkeit und Richtung dreht, während die Abzeichen aufrecht bleiben.

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.

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.

2159Gooey blob fieldAnimationEin Feld aus weichen Klecksen, die gesäte Pfade umkreisen und bei Annäherung miteinander verschmelzen, mit einem zusätzlichen Klecks, der dem Zeiger folgt.