Animation

Path Orbit

Karten bewegen sich auf einem gemeinsamen geschlossenen Pfad, gleichmäßig verteilt und endlos kreisend, wobei die Pfadform zwischen einer Ellipse, einem Kreis und einem Stern umschaltbar ist.

In orbit8

Path Orbit verwenden

Karten bewegen sich auf einem gemeinsamen geschlossenen Pfad, gleichmäßig verteilt und endlos kreisend, wobei die Pfadform zwischen einer Ellipse, einem Kreis und einem Stern umschaltbar 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: shape, itemCount, duration, tilt, showPath, 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

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.

1792Path followerAnimationEine abgerundete Kachel, die sich entlang einer spiralförmigen Bahn bewegt, während die Bahn selbst vor ihr einfährt und dann rückwärts zum Start zurückfährt.

1766Color blend compareAnimationZwei Farbfelder durchlaufen dasselbe Farbpaar, eines gemischt mit rohen Kanalwerten und eines mit linearem Licht, und zeigen den Rückgang, den ein einfacher Übergang verursacht.

1767Connector Pulse BeamAnimationZeichnet eine gekrümmte Verbindung zwischen zwei Elementen und sendet ein helles Farbverlaufssegment in einer Schleife entlang dieser Verbindung.

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.

1782Keyframe morph loopAnimationEin Quadrat, das eine Schleifenroutine aus Wachsen, Drehen und Runden zu einem Kreis durchführt und dabei jede Pose beibehält, da die Timing-Stopps ungleichmäßig sind.