Animation

Ajouter une animation de machine à écrire

outils :
Illustration croce

Sommaire

Vidéo

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

Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Rendre un élément déplaçable sur son site web

Webflow
Embed
Animation

Faire tourner un élément à l'infini

Webflow
Animation

Faire défiler un élément en boucle

Webflow
Animation
Voir tous nos tutoriels
Illustration traits
Nous utilisons les meilleurs outils

Votre site est développé avec les meilleurs outils et les meilleurs 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 designer votre site web sur mesure et optimiser son taux de conversion

Webflow

Pour une intégration pixel perfect et optimisée de votre site web

Client-first

Pour une organisation aux petits oignons de votre projet

Wized

Pour ajouter des fonctionnalités avancées à votre projet

Make

Pour automatiser vos fluxs de travail et vous faire gagner un max de temps