Задать вопрос
@deadshumz

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

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

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

Похожие вопросы
18 дек. 2024, в 14:43
25000 руб./за проект
18 дек. 2024, в 14:22
750 руб./за проект
18 дек. 2024, в 14:20
7500 руб./за проект