@ElvisP

Как сделать прокрутку текста по горизонтали при наведении мышки?

В блоке overflow: hidden текста. Как реализовать сдвиг текста при наведении курсора мыши?
600744ea43bdf305027272.gif
Как реализовать сдвиг
<div class="name">
                <span class="menu-item"><a class="texturl">Когда очень хочется что бы скрытый текст двигался</a></span>
            </div>


.name {
    display: inline-block;
    width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.name:hover .menu-item {
    text-overflow: clip;
    transition: all 1s ease-out;
}
  • Вопрос задан
  • 122 просмотра
Решения вопроса 1
@GunAlv
Этого можно добиться стилями https://codepen.io/GunAlv/pen/ExgMpBM
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
nickolyashka
@nickolyashka
Самый простой вариант, остается подшаманить яваскриптом узнавать длину внутреннего блока, если конечно хочешь универсальную прокрутку для любого блока.

Codepen
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы