Здесь разберем как создать на сайте плавное подчёркивание ссылок, что заменить стандартное. Как все вы уже заметили, что на новых шаблонах такая функция уже есть. Теперь вы можете у себя на сайте выставить ее. Здесь не чего сложного нет, все делается в стилях CSS,что для начало поставим запрет на то что у вас идет по умолчанию. И после этого вы можете поставить стиль и редактировать его, там идет светло синий оттенок.
Приступаем к установке:
Если у вас стандартно идет подчеркивание, то нужно убрать, что поможет этот стиль, который запретит.
Код
a:link {text-decoration:none;}
Потом устанавливаем оригинальное, где можете выставить свой цвет на подчеркивание.
Код
a {
line-height: 1;
display: inline-block;
}
a:after {
display: block;
content: "";
height: 2px;
width: 0%;
background-color: #4cc0e6;
transition: width 0.4s ease-in-out;
}
a:hover:after,
a:focus:after {
width: 100%;
}
