Animation

Press and hover scale tile

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

rest

Press and hover scale tile 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: hoverScale, pressScale, stiffness, accent, showState

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

1798Press response tileAnimationEine taktile Fliese, die unter dem Druckpunkt zusammengedrückt wird und beim Loslassen zurückfedert und sich in die Richtung neigt, in die Sie auf der Oberfläche gedrückt haben.

1822True hover swatchAnimationEin Farbfeld, das nur bei einem echten Zeiger-Hover wächst und den gefälschten Hover, der durch Antippen ausgelöst wird, ignoriert, sodass es nie vergrößert bleibt.

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.

1780Interruptible hover swellAnimationEine Kachel, deren zweistufiges Hover-Anschwellen immer bei ihrer aktuellen Größe beginnt, sodass sie beim Ein- und Ausschalten des Zeigers niemals einrastet.

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.