Typed Text im Advanced Textblock von Kadence
Photo by Markus Winkler on Unsplash
Dies ist der neue Typed Text von Kadence
Typed Text ist ein Effekt der das Tippen mit der Schreibmaschine simuliert und steht bereits in der kostenlosen Version des Advanced Text Block von Kadence Blocks zur Verfügung.
Im Advanced Text markiert man den Text der animiert werden soll und wählt dann in der Toolbar über die Pfeilspitze (Mehr) den Typed Text aus.
Über „Additional Strings“ könne sogar mehrere unterschiedliche Wörter nacheinander oder in zufälliger Reihenfolge ausgegeben werden.
Aktuell gibt es folgende weitere Einstellungen für Typed Text
- Cursor Symbol (im Beispiel „_“)
- Effekt als wiederholender Loop (An/Aus)
- Start Verzögerung (in Millisekunden)
- Zurück Verzögerung (in Millisekunden)
- Tippgeschwindigkeit (in Miilsekunden)
- Löschen Geschwindigkeit (in Millisekunden)
Aktuell wird die Animation im Backend noch falsch dargestellt. Im Frontend ist dann aber alles in Ordnung. Ich habe den Effekt bisher nur im Chrome getestet, aber gehe mal davon aus, dass er in allen modernen Browsern läuft.
Dies ist mal ein übertiebenes Beispiel für einen Advanced Text Block, wo ich es etwas übertrieben habe. Dafür zeigt er aber, dass der Effekt auch an mehreren Stellen in einem Advanced Textblock funktioniert
Grundsätzlich sollte man den Effekt nicht zu oft einsetzen und auch auf Mobile kontrollieren. Besonders sollte man darauf achten, dass zu langer Text den komplette drunter befinden Inhalt verschiebt! Am besten funktionieren Headlines die speziell für den Typed Text Style getextet wurden.