Texteffekte

Word Swap Rotator

In einer kurzen Liste wird alle paar Sekunden ein Wort in einer Zeile gegen das nächste ausgetauscht, wobei das alte Wort nach oben und außen verschoben wird, während das neue nach oben und nach innen verschoben wird.

Ship code that'sFaster

Word Swap Rotator 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: words, intervalSeconds, accent

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

1991Letter roll inTexteffekteEine Textzeile, in der sich jedes Zeichen um eine horizontale Achse dreht und das alte Gesicht wegrollt, während ein identisches Gesicht von unten hereinrollt.

2085Word swap loopTexteffekteEin 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.

2307Blur in word revealTexteffekteWörter in einem Satz lösen sich nacheinander von einer sanften Unschärfe in einen scharfen Fokus auf, während der Satz ins Blickfeld gescrollt wird.

2825Character shuffle revealTexteffekteJeder Charakter rollt durch einen Streifen zufälliger Glyphen wie eine Slot-Walze, bevor er auf dem echten Buchstaben landet, der beim Scrollen mit Hover-Wiederholung angezeigt wird.

2317Cipher reveal textTexteffekteEin Etikett, das zunächst in zufällige Symbole zerlegt wird und sich beim Betrachten, Bewegen oder Klicken in seinen echten Text entschlüsselt.

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.