How to show overflowing text with animation?(Javascript - HTML - CSS) -

is there way of recognizing text overflow js , show overflowing text in animated way? example, moving text left, spotify widget:

you should able confirm text requires scrolling if use "scrollwidth > clientwidth " of container - assuming has overflow:hidden , take margin, padding , borders account. @ element dimensions basic overview. scroll text have give negative margin-left, or use div position:absolute inside div position:relative , give inner 1 negative left value (css).