Ajouter une animation de machine à écrire
Vidéo
| Option Typed.js | Valeur exemple | Description |
|---|---|---|
| strings | ["Texte 1","Texte 2"] | Textes à afficher en boucle |
| typeSpeed | 80 | Vitesse de frappe (ms par caractère) |
| backSpeed | 40 | Vitesse d'effacement |
| smartBackspace | true | Efface uniquement la partie différente |
| loop | true | Répétition infinie |
Dans cet épisode, Sacha, cofondateur de l'agence Webflow Gemeos vous montre comment ajouter une animation de machine à écrire
1. Ajoutez un text block et attribuez lui une class

2. Ajoutez ce script au niveau du </body> dans les paramètres de votre page
- Pensez à bien mettre votre class dans le script "typing_text"
- Remplacez le text "your text" par le contenu que vous souhaitez afficher
< script src=" https://cdn.jsdelivr.net/npm/typed.js@2.0.11 ">
< script>
var typed4 = new Typed('.typing_text', {
strings: ["your text","your text","your text","your text"],
typeSpeed: 80,
backSpeed: 40,
smartBackspace: true,
loop: true
});
3. Publiez votre site et testez le résultat

Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
















