• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Как выделить ссылку для перехода на CSS (Плавное подчёркивание ссылки при наведении на чистом CSS)
Как выделить ссылку для перехода на CSS
Kosten
Вторник, 28 Мая 2019 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Нам нужно выделить ссылку или ключевое слово, которое находится под переход в статье, то это возможно сделать на чистом стиле. А точнее мы подчеркиваем, и автоматически подчеркиваемая линия будет мигать, где самостоятельно делаем оттенок.

Здесь стилистика идет на все ссылки перехода, если поставить на форум или под тот каталог, то на нем автоматически при добавление ключевое слово выделяется. Что сразу можно заметить, что по нему можно перейти по ссылки на другую страницу.

Само подчеркивание мигает разным оттенком цвета, что можно поменять гамму или задать свою скорость смены оттенка.



HTML

Код
<a href="http://zornet.ru">ZorNet.Ru — сайт для вебмастера</a>

CSS

Код
a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  padding-bottom: 5px;
}
a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #ec0909;
  animation: link linear 0.1s infinite alternate;
}
@keyframes link {
  100% {background: blue}
}

Также можно поставить под класс, где выставлять эффект на заданном переходе, где установлена ссылка.

Демонстрация
Прикрепления: 4121475.png (2.1 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Как выделить ссылку для перехода на CSS (Плавное подчёркивание ссылки при наведении на чистом CSS)
  • Страница 1 из 1
  • 1
Поиск: