Animation

Coiled Spring Drag

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

Coiled Spring Drag verwenden

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

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: coils, stiffness, damping, strokeWidth, 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

2218Rubber sheet panelAnimationEin 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.

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.

1810Spring tunerAnimationEine Kachel, die zwischen zwei Zuständen hin- und herspringt, während eine Live-Kurve ihre Überschreitung aufzeichnet, sodass Steifheit, Dämpfung und Masse gleichzeitig gefühlt und abgelesen werden können.

1813Stroke drawing boardAnimationEin Raster aus umrissenen Formen, die sich Strich für Strich in einer versetzten Welle zeichnen, als würde ein Stift quer über die Tafel arbeiten.

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.

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