@vahromeevilya-widestudio

Как реализовать такое нижнее подчеркивание?

Добрыйд день. Есть сайт https://pmdtec.com/en/ , на нем есть очень интересный hover эффект на этом блоке
6332aa50a5302540682167.png
Я уже поотключал все свойства , но никак не могу понять, как же это реализовано.
Когда применяю у себя на сайте, у меня только одно полоска внизу и все.
Можете подсказать как это сделать? Желательно codepen
  • Вопрос задан
  • 122 просмотра
Решения вопроса 2
alexey-m-ukolov
@alexey-m-ukolov Куратор тега HTML
Градиент в background плюс анимация background-size. Видно же всё прекрасно на сайте:
6332ab9597566224688098.png
Ответ написан
DanArst
@DanArst Куратор тега HTML
Гриффиндор в моде при любой погоде!
Зачем отключать свойства? Это ведь эффект при hover-е. Так откройте devTools, выберите интересующий вас элемент и посмотрите на его стили, далее нажмите правой кнопкой мыши на него и в контекстном меню выберите Force state -> Hover и снова смотрите стили.
На сайте из вашего вопроса сделано так:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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