JavaScript - Comment animer le changement de largeur des mots substitués à mi-phrase

J'ai une phrase dans laquelle un mot disparaît et est remplacé par un autre mot dans un tableau. Toutefois, étant donné que les termes varient en longueur, la phrase de la largeur de change brusquement et il semble agitée. Comment puis-je animer la largeur? J'ai essayé d'ajouter une transition vers le conteneur de la phrase dans le css mais cela ne fonctionne pas. J'ai appliqué la transition 1.5s all linearde sorte qu'il devrait être de l'animation de la largeur ainsi que tout le reste à chaque fois qu'il y a du changement. Des idées?

JSFiddle

EDIT: Désolé si je n'était pas claire, je veux seulement de la fermeture de la parole, non pas l'ensemble de la phrase. Je suis en train d'animer la largeur pour s'adapter à la nouvelle version de word. Je ne veux pas changer/ajouter des éléments, tout résoudre avec les tags existants en place.

source d'informationauteur Josue Espinosa

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *