Animation

Particle spray

Halten Sie den Zeiger auf ein Bedienelement gedrückt, und überall dort, wo sich der Zeiger befindet, werden kleine Partikel versprüht, die sich jeweils in einem Bogen nach oben bewegen, sich drehen, dann abfallen und sich von selbst entfernen.

Particle spray verwenden

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: emitRate, size, lift, accent, shape

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.

1798Press response tileAnimationEine taktile Fliese, die unter dem Druckpunkt zusammengedrückt wird und beim Loslassen zurückfedert und sich in die Richtung neigt, in die Sie auf der Oberfläche gedrückt haben.

1763Bobble tile gridAnimationEin Gitter aus farbigen Kacheln, die auf einer Feder vom Zeiger wegbewegen und umso stärker abprallen, je schneller der Zeiger darüber gleitet.

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.

1797Press and hover scale tileAnimationEine Kachel, die beim Schweben anschwillt und beim Drücken zusammendrückt, wobei das Drücken immer das Schweben schlägt und beide von einer Feder gelöst werden, sodass die Gesten niemals miteinander in Konflikt geraten.

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.