Texte défilant de droite à gauche

Résolu
lamontange Messages postés 130 Date d'inscription   Statut Membre Dernière intervention   -  
 lamontange -

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   Statut Membre Dernière intervention   527
 

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
lamontange
 

Bonjour Pitet,

C'était tellement simple... ^^

Merci beaucoup. Bonne fin de week-end,

LM

0
lamontange
 

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   Statut Membre Dernière intervention   527
 

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
lamontange
 

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
lamontange
 

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

Merci infiniment :)

Bonne soirée !

0