@borisbo3

Как сделать анимированное подчёркивание ссылки у текста в 2 строки?

Видео того как сейчас -https://cloud.mail.ru/public/69VX/LUKHszzmc (маил облако, видео mp4)
там одна строка только подчёркивается, программист говорит -

"В подвале у ссылок есть эффект подчеркивания при навердении мышкой.
Такой эффект возможен только в виде одной черты, потому что там добавляется псевдо-элемент высотой в 1 пиксели, который меняет ширину во время hover с 0 до 100%, чем и достигается такой эффект.
Если мы хотим почеркивать многострочные тексты, то это можно сделать только с помощью подчеркивания text-decoration:underline.
Тогда старый эффект надо удалять, т.к. они будут накладываться друг на друга.
"

Мб есть способ это сделать, кто знает?
  • Вопрос задан
  • 98 просмотров
Решения вопроса 1
FeST1VaL
@FeST1VaL
Тихий
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Asokr
Видео не смотрел. Двойное подчеркивание при наведении можно сделать, к примеру использовав два псевдо элемента before и after - стили одни, просто один из них нужно опустить ниже второго...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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