Hintergründe

Drifting border sheen

Ein Panel, dessen Umriss durch ein sanftes zweifarbiges Leuchten beleuchtet wird, das um ein Vielfaches größer ist als das Panel selbst und langsam um den Rahmen wandert.

Team access

Invite a teammate

They get edit rights on this workspace as soon as they accept.

The drifting frame never intercepts a click or a keystroke.

Drifting border sheen verwenden

Ein Panel, dessen Umriss durch ein sanftes zweifarbiges Leuchten beleuchtet wird, das um ein Vielfaches größer ist als das Panel selbst und langsam um den Rahmen wandert.

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: borderWidth, duration, accentColor, secondColor, radius

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

1725Orbiting border sparkHintergründeEin heller Funke mit einem verblassenden Schwanz läuft ewig um die Kante einer Platte herum und folgt dabei dem genauen Eckenradius, anstatt die Ecken abzuschneiden.

2110Aurora band glowHintergründeEin weiches Lichtband, das über einen dunklen Rahmen liegt, dessen Rand auf geschichtetem Rauschen wandert, während die Farbe über seine Länge wandert.

1667Backlight HaloHintergründeUmhüllt das Kunstwerk mit einer unscharfen, farbverstärkten Kopie seiner selbst, sodass das Panel sein eigenes Licht auf die Oberfläche dahinter zu streuen scheint.

2135Crackling border frameAnimationEin abgerundeter Rahmen, dessen Umriss in jedem Rahmen als flackernder Lichtbogen neu gezeichnet wird, mit einem gleichmäßigen Leuchten darunter und vollkommener Stille darüber.

1686Drifting glass shardsHintergründeEin langsamer Strom aus durchscheinenden Splittern, die aufblitzen, während sie fallen, sich vom Cursor verstreuen und sich wieder sammeln, wenn der Zeiger stillsteht.

1687Drifting gradient washHintergründeEin zweifarbiges Farbverlaufspanel, das über seinen Rahmen hinausgeht und langsam vor und zurück geschwenkt wird, sodass die Farbgrenze für immer über die Oberfläche wandert.