Ajouter une animation de machine à écrire

outils :

Vidéo

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>
 < script>
    	var typed4 = new Typed('.typing_text', {
        strings: ["your text","your text","your text","your text"],
        typeSpeed: 80,
        backSpeed: 40,
        smartBackspace: true,
        loop: true
      });
</script>

3. Publiez votre site et testez le résultat

Photo de l'auteur
Sacha D.
Mis à jour le
8/10/2024
Product Designer, la tête créative du duo. Il dirige les projets du début à la fin, assure la direction créative de Gemeos et s'assure que tous les projets atteignent les résultats souhaités.
Vous êtes bridé avec votre site actuel ?
On en discute ?
Accueil
>
Gemeos Académie
>
Ajouter une animation de machine à écrire
Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Voir tous nos tutoriels
Illustration traits
Nous utilisons les meilleurs outils

développés avec les meilleurs outils et les meilleures pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal. 

Figma

Pour le design de votre site web

Webflow

Pour l’intégration de votre site web

Client-first

Pour organiser vos projets

Wized

Pour ajouter des fonctionnalité à vos projets

Make

Pour l’automatisation de vos flux de travail