Animation

Spin count tile

Ein Quadrat, das sich bei Bedarf eine ganze Reihe von Malen dreht und wieder im Quadrat landet, wobei ein schwacher Bogen anzeigt, wie weit die Drehung bereits entfernt ist.

Spin count tile verwenden

Ein Quadrat, das sich bei Bedarf eine ganze Reihe von Malen dreht und wieder im Quadrat landet, wobei ein schwacher Bogen anzeigt, wie weit die Drehung bereits entfernt 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: accent, turns, duration, easing, continuous

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

1672Burst particle emitterAnimationUmhüllt jedes Element und feuert einen gestaffelten Fächer kleiner Flecken von einer ausgewählten Kante ab, beim Klicken, in einer Schleife oder beim ersten Scrollen in die Ansicht.

2127Compass bar gridAnimationEin Gitter aus kurzen Balken, die sich alle drehen, um auf den Zeiger zu zeigen, sodass das Feld aussieht, als würden Eisenspäne einen Magneten finden.

2135Crackling border frameAnimationEin abgerundeter Rahmen, dessen Umriss in jedem Rahmen als flackernder Lichtbogen neu gezeichnet wird, mit einem gleichmäßigen Leuchten darunter und vollkommener Stille darüber.

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.

1789Number reelAnimationEine mit einem Fenster versehene Walze mit abgestuften Werten, die sich von Null an dreht und zum Stillstand kommt, wobei das Ziel in einem hervorgehobenen mittleren Schlitz landet.