Как сделать анимацию текста (marquee) с учетом содержимого?

Есть задача, сделать прокрутку текста (бегающую строку) при наведении курсора, при условии что текст не влазит в блок. Если текст влазит, то анимации не нужно.

<div>
        <h1>Длинный текст</h1>
</div>

Саму анимацию текста при наведении курсором - сделать просто. А вот главный вопрос, как указать условие что содержимое не влазит? Это реализуемо на CSS? Или без JS не получится решить вопрос?