Вероятно кому-то интересно, как можно сделать красивый эффект по изменению цвета ссылки или ключевого слово, что установлена под ссылкой для перехода. Но главное вы когда наводите, то не меняется, но стоит только произвести клик для перехода, как увидите, что цвет изменился.
Вообще создаем красивый трюк ссылки, которая меняется при нажатии, где для такого эффекта безусловно самый лучший способ по применению и удобнее использовать стили 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]
Демонстрация
