Animation

Diagonal Glare Sweep

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

Diagonal Glare Sweep verwenden

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

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: angle, bandWidth, duration, glareColor, intensity, playOnce

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

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.

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.

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.

2203Peelable stickerAnimationEin Vinylaufkleber, den Sie über seine Fläche ziehen können, dessen Kante sich beim Schweben von der Oberfläche abhebt und sich weiter ablöst, während Sie ihn halten.