• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Изменить цвет ссылки при нажатии на CSS (Как поменять оттенок цвета ссылки при клике на нее на CSS)
Изменить цвет ссылки при нажатии на CSS
Kosten
Дата: Четверг, 2019-05-30, 01:33 | Сообщение 1
Оффлайн
Администраторы
Сообщений:24964
Награды: 57


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

Вообще создаем красивый трюк ссылки, которая меняется при нажатии, где для такого эффекта безусловно самый лучший способ по применению и удобнее использовать стили CSS.



HTML

Код
<a class="klass" href="/">Ключевое слово на сайте Zornet.ru<span class="getusabnu-litudsoped"></span>
</a>

CSS

Код
.getusabnu-litudsoped {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

Этот метод очень полезен для доступности развитие, когда больше контекста необходим для пользователей с плохим зрением. Как альтернатива display: none которая не читается программами чтения с экрана или visibility: hiddenкоторая занимает физическое пространство.

1. Удалить все границы;
2. Используйте, clipчтобы указать, что никакая часть элемента не должна быть показана;
3. Сделайте высоту и ширину элемента 1px;
4. Отмените высоту и ширину элементов, используя margin: -1px;
5. Скройте переполнение элемента;
6. Расположите элемент абсолютно так, чтобы он не занимал место в DOM;

[info]Хотя clip технически это устарело, более новый в clip-path настоящее время имеет очень ограниченную поддержку браузера.[/info]
Демонстрация
Прикрепления: resan.zip(1.5 Kb) · 4884548.png(118.1 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Изменить цвет ссылки при нажатии на CSS (Как поменять оттенок цвета ссылки при клике на нее на CSS)
  • Страница 1 из 1
  • 1
Поиск: