Ajouter

Lorem ipsum

Lorem ipsum

Design

5 min

Ajouter une animation de machine à écrire

Vidéo

Option Typed.jsValeur exempleDescription
strings["Texte 1","Texte 2"]Textes à afficher en boucle
typeSpeed80Vitesse de frappe (ms par caractère)
backSpeed40Vitesse d'effacement
smartBackspacetrueEfface uniquement la partie différente
looptrueRé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

  1. Pensez à bien mettre votre class dans le script "typing_text"
  2. 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
});

bon à savoir

Typed.js version 2.0.x est stable en 2026. Assurez-vous que la classe CSS de votre text block ne contient pas d'espace — Webflow peut ajouter des classes multiples qui casseraient le sélecteur CSS.

3. Publiez votre site et testez le résultat

Publié le 10.04.2025

Ces tutoriels pourraient vous intéresser

tutoriels similaires

SEO / GEO

5 min lecture

5 vues

Comment faire une redirection sur Webflow ? (2026) ?

Mis à jour le 19.12.2025 par Sandro DA SILVA

SEO / GEO

5 min lecture

5 vues

Ajouter des données structurées à votre site Webflow ?

Mis à jour le 21.08.2025 par Sandro DA SILVA

No-code

5 min lecture

5 vues

Comment obfusquer un lien dans Webflow ?

Mis à jour le 23.04.2025 par Sandro DA SILVA

Let’s f*****G GO !!

Prêt à faire décoller
votre activité  ?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...