Zum Inhalt springen
Fieldbook
Menü
Anmelden
DE

Texteffekte

Shimmer sweep text

Shimmer sweep text: Eine Textzeile, in der jeder Buchstabe abwechselnd heller und dunkler wird und ein Lichtband in einer Schleife entlang der Phrase wandert.

Shimmer sweep text verwenden

Shimmer sweep text verwendet das Vorschauformat „Karte“ mit der Theme-Einstellung „dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

EinstellungTypStandardwertVorschaugrenzen
texttextReading the archiveBis zu 40 Zeichen
durationnumber1.2Von 0.4 bis 3; Schrittweite 0.1
restDelaynumber0.8Von 0 bis 3; Schrittweite 0.1
highlightcolor#F5C542Keine weitere Grenze in den Metadaten.
wavebooleanfalseKeine weitere Grenze in den Metadaten.
Für welche Frameworks ist Shimmer sweep text verfügbar?

Shimmer sweep text ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Shimmer sweep text?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion.

Welche Details zur Barrierefreiheit sind in Shimmer sweep text erkennbar?

Der React-Quellcode von Shimmer sweep text enthält: Attribute und Ereignisbehandler (aria-hidden, aria-label). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Shimmer sweep text reduzierte Bewegung?

Shimmer sweep text liest die Bewegungseinstellung im React-Quellcode über useReducedMotion(). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Shimmer Wave Text von Fieldbook aus der Kategorie Texteffekte.
1930Shimmer Wave TextTexteffekteEine Helligkeitswelle streicht einmal über eine Textzeile und beleuchtet nacheinander jedes Zeichen, bevor es wieder gedimmt wird, dann kurz anhält und sich wiederholt.
Standbild der UI-Komponente Cube flip letters von Fieldbook aus der Kategorie Texteffekte.
2136Cube flip lettersTexteffekteWenn Sie den Mauszeiger über eine Linie bewegen, wird jeder Buchstabe um eine Vierteldrehung in 3D gedreht, einer nach dem anderen von einem gewählten Ursprung aus, wodurch ein zweites Gesicht sichtbar wird, das denselben Glyphen im Akzent trägt.
Standbild der UI-Komponente Flowing gradient headline von Fieldbook aus der Kategorie Texteffekte.
1962Flowing gradient headlineTexteffekteEine Überschrift, deren Buchstaben mit einem beweglichen zweifarbigen Farbverlauf gefüllt sind, sodass ein helles Band endlos durch die Wörter gleitet, mit optionalem sanftem Blütenhintergrund dahinter.
Standbild der UI-Komponente Sweeping status text von Fieldbook aus der Kategorie Texteffekte.
2060Sweeping status textTexteffekteEin großes Statuswort, das in einem gleichmäßigen Takt wechselt, während ein heller Streifen endlos über die Buchstabenformen streicht.
Standbild der UI-Komponente Wavy letter heading von Fieldbook aus der Kategorie Texteffekte.
2464Wavy letter headingTexteffekteEine Überschrift, deren Buchstaben auf einer langsamen Welle schweben, wobei jeder einzelne dem letzten hinterherhinkt, sodass sich die Zeile wie eine Fahne bewegt, ohne ihre Grundlinie zu verlieren.
Standbild der UI-Komponente Looping text ribbon von Fieldbook aus der Kategorie Texteffekte.
2828Looping text ribbonTexteffekteEin farbiges Band trägt einen sich wiederholenden Satz entlang einer wellenförmigen, kreisförmigen oder bogenförmigen Bahn und rollt endlos wie ein Siegel oder Abzeichen.