• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Делаем плавное подчёркивание ссылки на CSS
Делаем плавное подчёркивание ссылки на CSS
Kosten
Среда, 06 Сентября 2017 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Здесь разберем как создать на сайте плавное подчёркивание ссылок, что заменить стандартное. Как все вы уже заметили, что на новых шаблонах такая функция уже есть. Теперь вы можете у себя на сайте выставить ее. Здесь не чего сложного нет, все делается в стилях 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%;
}
Прикрепления: 2054085.jpg (40.5 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Делаем плавное подчёркивание ссылки на CSS
  • Страница 1 из 1
  • 1
Поиск: