Animation

Rubber sheet panel

Ein Panel, das sich wie gedehntes Gummi verhält: Der Zeiger greift danach, benachbarte Punkte ziehen mit, und wenn man es loslässt, schnappt es mit einem Wackeln zurück.

Tension mesh

Hold a point and drag; let go to watch it settle.

Rubber sheet panel verwenden

Ein Panel, das sich wie gedehntes Gummi verhält: Der Zeiger greift danach, benachbarte Punkte ziehen mit, und wenn man es loslässt, schnappt es mit einem Wackeln zurück.

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: stiffness, damping, grabRadius, pull, showGrid, 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

1675Coiled Spring DragAnimationEine ziehbare Kachel, die durch eine gezogene Spule an ihrer Ausgangsposition befestigt ist, die sich beim Ziehen ausdehnt und dünner macht und die Kachel dann zurückschleudert, wenn Sie loslassen.

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.

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.

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.

1676Composable RevealAnimationEin Reveal-Wrapper, dessen Schiebe-, Fade-, Zoom- und Defokussierungsteile jeweils eingeschaltet und zu einem einzigen Federübergang kombiniert werden können.