Animation

Path follower

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

Path follower verwenden

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

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, duration, tileSize, alignToTangent, strokeWidth

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

2201Path OrbitAnimationKarten 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.

1675Coiled Spring DragAnimationEine ziehbare Kachel, die durch eine gezogene Spule an ihrer Ausgangsposition befestigt ist, die sich beim Ziehen ausdehnt und dünner macht und die Kachel dann zurückschleudert, wenn Sie loslassen.

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.

2170Icon Shape MorphAnimationEin einzelnes gefülltes Symbol formt sich nahtlos in das nächste Symbol in einer Sequenz um, wobei sich der Umriss kontinuierlich zwischen den Formen verzieht, anstatt zu überblenden oder zu vertauschen.

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.