Animation

Ring bloom

Konzentrische Lichtringe entstehen in der Mitte, schwellen nach außen an und verblassen, wobei jeder einzelne dem letzten hinterherhinkt und beim Klicken einen Ausbruch auslöst.

Ground station 4118ms · 3 peers

Ring bloom verwenden

Konzentrische Lichtringe entstehen in der Mitte, schwellen nach außen an und verblassen, wobei jeder einzelne dem letzten hinterherhinkt und beim Klicken einen Ausbruch auslöst.

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: innerColor, outerColor, ringCount, speed, thickness, parallax

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

1674Celebration burstAnimationEine Leinwandexplosion aus Papierflocken, die von einem Knopf abgefeuert wird, sich in einem Bogen ausbreitet, die Kante flattert, während sie fallen und unter der Schwerkraft aus dem Rahmen fallen.

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.

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

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.

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.

2183Liquid chrome emblemAnimationEin gezeichnetes Emblem, das als gegossenes flüssiges Metall wiedergegeben wird, dessen Glanzlichter sich über die Form bewegen und sammeln, während sich der Zeiger bewegt.