Animation

Pointer Magnet

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

Pointer Magnet verwenden

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

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: padding, strength, label, accent, disabled

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

1682Diagonal Glare SweepAnimationEin Wrapper, der ein schmales Lichtband diagonal über den Inhalt gleitet, wenn der Zeiger- oder Tastaturfokus erreicht wird.

1781Iron filings fieldAnimationEin quadratisches Gitter aus winzigen Strichen, die sich alle drehen, um auf den Zeiger zu zeigen, wie Eisenspäne, die an einem darüber gezogenen Magneten einrasten.

1721Magnetic pull targetAnimationEine 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.

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.

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.

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.