CSS / JQuery alimenté par le texte de défilement latéral sur hover

J'ai un compte twitter sur un site que j'ai exécuter. Cependant, elle est coupée sur les petits écrans. J'ai une barre assez haut pour 1 ligne de texte dans laquelle j'ai le dernier tweet. Je veux le tweet à ellipsize ou fade out à la fin si c'est trop long. Mais sur le vol stationnaire, je veux que le texte de glisser lentement vers la gauche, exposant ainsi la partie cachée.

Cet effet est utilisé sur l'iPod classic lorsque vous mettez en surbrillance une chanson qui a un titre qui est plus large que l'écran. (J'espère que vous comprenez ce que je vais faire.)

Je suis juste curieux de voir comment je pourrais mettre en place quelque chose comme cela? Comment puis-je forcer le texte à rester sur une seule ligne?

source d'informationauteur appi2012