Texte défilant de droite à gauche
RésoluBonjour,
J'ai un texte qui défile de droite à gauche, mais ce dernier commence son déplacement en plein milieu du body :/
Voici le codepen
https://codepen.io/herde2/pen/poLNWLR
Quelqu'un aurait-il la solution ?
Merci,
LM
Macintosh / Chrome 103.0.0.0
5 réponses
-
Bonjour,
Applique un width: 100%; sur le div qui contient le texte et commence la translation à 100% au lieu de 0 :
-
Bonjour Pitet,
C'était tellement simple... ^^
Merci beaucoup. Bonne fin de week-end,
LM
-
Mais puis-je faire "une pause", un ralentissement plutôt au centre ?
Du genre 0,5 (de la droite au centre) 1 (au centre) 0,5 (du centre à la gauche).
Merci :)
-
Pour ça il faut définir un autre mode que linear pour ton animation : https://developer.mozilla.org/fr/docs/Web/CSS/animation-timing-function
Pour corriger ma première réponse, le width: 100% sur ton div inline-block n'est pas l'idéal, essaye plutôt comme ceci : https://jsfiddle.net/e7bqdr63/
-
-
Merci :)
Je pense que pour l'animation, il faut utiliser "cubic-bezier", mais je n'arrive pas à le paramétrer :/
Je n'arrive pas à faire une pause d'1 seconde au centre.
Bonne fin de journée.
-
Pardon Pitet, j'avais mal lu ta réponse.
Merci infiniment :)
Bonne soirée !
