• Страница 1 из 1
  • 1
Форум » Записки веб-разработчика » Начинающему вебмастеру » Делаем плавное подчёркивание ссылки на CSS
Делаем плавное подчёркивание ссылки на CSS
Kosten
Дата: Среда, 2017-09-06, 00:03 | Сообщение 1
Администраторы
Сообщений:18833
Награды: 55


Здесь разберем как создать на сайте плавное подчёркивание ссылок, что заменить стандартное. Как все вы уже заметили, что на новых шаблонах такая функция уже есть. Теперь вы можете у себя на сайте выставить ее. Здесь не чего сложного нет, все делается в стилях 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)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Делаем плавное подчёркивание ссылки на CSS
  • Страница 1 из 1
  • 1
Поиск: