Animation

Iron filings field

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

Drag the pointer across the grid

Iron filings field verwenden

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

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: gridSize, accent, dashLength, stiffness, idleDrift

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

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.

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.

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.

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.

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.

1771Drag tile trackAnimationEin Plättchen, das Sie um eine begrenzte Strecke werfen können, das sich in den Widerstand neigt, über die Kanten hinweg Widerstand leistet und mit Schwung zum Stillstand kommt.