Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Artem Petrenko
@GailWynand
Интересуюсь ИТ, биржевой торговлей, стартапами
HTML
CSS
Дизайн
Как реализовать такой эффект?
Имеем четыре ссылки. Как сделать (на чистом css), чтобы при наведении на ссылку или состоянии active часть бордера (25%) подсвечивалась другим цветом?
UPD: Спасибо за подсказки, ребят!
Вопрос задан
более трёх лет назад
853 просмотра
Комментировать
Подписаться
7
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Anna_BS
@Anna_BS
codepen
Ответ написан
более трёх лет назад
Комментировать
Нравится
15
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
Vlad Tytcky
@vlad7576
вот
если я правильно понял. Только, чтобы красная часть линии появлялась, от нажатия именно на ссылку, нужен js. По-другому никак
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ksider
@ksider
Я сварщик не настоящий
Псевдоэлементами
codepen.io/ksider/pen/pyjNYM
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
2 подписчика
вчера
640 просмотров
0
ответов
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
вчера
109 просмотров
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
76 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
191 просмотр
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
635 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1010 просмотров
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
4 подписчика
30 мая
1436 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
147 просмотров
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
144 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
89 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 100 000 до 150 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама