Texte défilant de droite à gauche

Résolu/Fermé
lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 - 14 juil. 2022 à 20:02
 lamontange - 17 juil. 2022 à 18:16

Bonjour,

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

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
15 juil. 2022 à 09:21

Bonjour,

Applique un width: 100%; sur le div qui contient le texte et commence la translation à 100% au lieu de 0 :

https://jsfiddle.net/jrz2pLsd/

1

Bonjour Pitet,

C'était tellement simple... ^^

Merci beaucoup. Bonne fin de week-end,

LM

0

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 :)

0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
Modifié le 17 juil. 2022 à 15:06

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/

1

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.

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Pardon Pitet, j'avais mal lu ta réponse.

Merci infiniment :)

Bonne soirée !

0