Texteffekte

Word swap loop

Ein Satz mit einem Wortschlitz, der auf einem Timer durch eine Liste läuft, wobei jedes Wort nach oben und außen gleitet, während das nächste an seine Stelle tritt.

Hover the sentence to hold on a word.

Word swap loop verwenden

Ein Satz mit einem Wortschlitz, der auf einem Timer durch eine Liste läuft, wobei jedes Wort nach oben und außen gleitet, während das nächste an seine Stelle tritt.

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: words, interval, travel, accent, paused

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

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.

2814Flowing gradient textTexteffekteEin mehrfarbiger Farbverlauf verläuft kontinuierlich über die Füllung einer Überschrift, optional umrahmt von einem passenden Farbverlaufsrahmen.

2177Keystroke TextTexteffekteDer Text wird zeichenweise angezeigt, als würde er live eingegeben, mit einem blinkenden Cursor, der nach Abschluss der Eingabe weiterläuft.

2829Outline draw textTexteffekteDie angezeigten Buchstaben zeichnen sich nacheinander als leuchtende Umrisse ab, dann wird hinter den Strichen eine durchgehende Füllung eingeblendet, um das Wort zu vervollständigen.

2405Pointer scatter headlineTexteffekteEine in einzelne Zeichen aufgeteilte Überschrift, die sich zur Seite schieben und fallen lassen, während der Zeiger darüber hinwegstreicht, und dann wieder in die richtige Zeile zurückkehren.

2819Rotating Word SwapTexteffekteEine Einleitungsphrase bleibt fixiert, während ein nachfolgendes Wort eine Liste durchläuft. Dabei werden jeweils die Gleitzeichen nach oben und außen vertauscht, während das nächste Wort nach oben und nach innen gleitet.