Texte défilant de droite à gauche
Résolu/Fermélamontange - 17 juil. 2022 à 18:16
- Alignez la date à droite. alignez monsieur le directeur à gauche
- Windows 11 barre des taches a gauche - Guide
- Barre droite clavier ✓ - Forum Autres distributions Linux
- Demande manuscrite adressée à monsieur le directeur ✓ - Forum Études / Formation High-Tech
- Son plus fort à gauche qu'à droite ecouteur bluetooth ✓ - Forum Audio
5 réponses
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 :
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 :)
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/
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question