Страница 1 из 11
Форум про uCoz » Все для вебмастера » Начинающий Вебмастер » Делаем плавное подчёркивание ссылки на CSS
Делаем плавное подчёркивание ссылки на CSS
Kosten
Дата: Среда, 06.09.2017, 00:03 | Сообщение # 1
Администраторы
Сообщений:15268
Награды: 49


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