CSS / JQuery работает с боковой прокруткой текста при наведении курсора

У меня есть твиттер на веб-сайте, который я запускаю. Однако на маленьких экранах он обрезается. У меня есть полоса, достаточно высокая для одной строки текста, в которой у меня есть последний твит. Я хочу, чтобы твит стал многоточием или исчез в конце, если он слишком длинный. Но при наведении курсора я хочу, чтобы текст медленно сдвигался влево, обнажая скрытую часть.

Этот эффект используется на iPod classic, когда вы выделяете песню, название которой шире экрана. (Надеюсь, вы понимаете, что я м собираюсь.)

Мне просто любопытно, как бы я реализовал что-то подобное? Как я могу заставить текст оставаться в одной строке?