Animation Type.js comment effacer le curseur qui clignote ?

Fermé
LuDx24 - Modifié le 10 juin 2022 à 15:37
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 10 juin 2022 à 16:00
Bonjour,

je souhaite réaliser une animation de texte tapé sur mon site.
J'ai utilisé sur GitHub le type.js de mattboldt ; tout fonctionne presque comme je le voudrai mais j'aimerai que le curseur disparaisse une fois l'animation terminé et je ne sais pas comment faire quelqu'un saurai ?

j'ai tenté en CSS un

.typed-cursor::after {
display: none;
}


mais cela ne fonctionne pas.

voilà le lien si besoin : https://github.com/mattboldt/typed.js/

Merci d'avance pour votre aide.

1 réponse

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
10 juin 2022 à 16:00
Bonjour,

En regardant la documentation, on peut voir qu'il semble exister un event lorsqu'il a fini d'écrire
http://mattboldt.github.io/typed.js/docs/#defaults.onComplete

Donc, il te faut utiliser ceci pour détecter la fin ... puis, ( toujours dans la doc..), utiliser la méthode showCursor ( à false pour masquer le curseur)
http://mattboldt.github.io/typed.js/docs/#defaults.showCursor


1