@deadshumz

Как сделать появление текста?

У меня есть векторное изображение логотипа вк:
5fb7c7cfe7d6d028858139.png
Я хочу, чтобы при наведении курсора на этот логотип, логотип отодвигался влево и текст приезжал справа. Как мне это сделать? ( P.s. Нужно чтобы было адаптивно P.s.s. вектор может быть ссылкой чтобы на мобильных устройствах сразу переходить по ссылке.) Должно становиться так:
5fb7c85393872501411364.png
P.s. синяя обводка - фигма, Не обращайте внимания..
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 1
art9mid
@art9mid
front-end
Отцентрируй вектор в блоке(блок шириной добжен быть больше чем вектор+текст)тексту display none при hover display block и transition задай ему, и он будет плавно смещаться.
Есть ещё один вариант.
Выдели текст в блок, блоку width 0 overflow hidden и при ховере меняй на 100% и auto + transition
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
05 дек. 2020, в 13:42
5000 руб./за проект
05 дек. 2020, в 13:15
50000 руб./за проект
05 дек. 2020, в 13:14
15000 руб./за проект