Animation

Magnetic pull target

Eine Kachel, die sich in Richtung des Zeigers neigt, wenn sie sich innerhalb eines festgelegten Radius befindet, wobei sie umso stärker zieht, je näher sie kommt, und sich nach unten bewegt, wenn der Zeiger ihn verlässt.

120px radius, 0.50 strength

Magnetic pull target 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: strength, range, onlyOnHover, showRadius, 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

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.

2206Pointer MagnetAnimationEine Hülle, die alles, was sie hält, in Richtung des Zeigers treiben lässt, während sie sich in einer gepolsterten Fangzone befindet, und dann zurückgleiten kann, um zur Ruhe zu kommen.

1735Pointer tilt cardAnimationEine Karte, die sich dreidimensional zum Zeiger neigt, mit einem Glanz, der über die Vorderseite gleitet, und einer Feder, die sie beim Herausnehmen wieder auf die gleiche Höhe bringt.

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.

1818Tilting cube fieldAnimationEin Gitter aus hohlen Würfeln, die sich innerhalb eines Abfallradius zum Zeiger neigen, von alleine wandern, wenn sie in Ruhe gelassen werden, und bei einem Klick in Ringen nach außen blitzen.

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.