Задать вопрос
LittleFatNinja
@LittleFatNinja
горе девелопер, любитель лютой садомии
html

Как реализовать изменение цвета лого при hover, как на github?

можно конечно в лоб, тупо менять картинку, но как то не кошерно
посмотрел в инспекторе, у них как то через :before и content '' реализовано,но не могу понять как
68679786ec3c4a078628d68e61bcbfa6.pngUPD:
у них что то типа
content: '\f00a';
это ж типа hex число символа
это все понятно, не понятно как такое реализовать
  • Вопрос задан
  • 273 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 4
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.logo:hover { color: blue; }
сам лого там сделан шрифтом.
Ответ написан
3 комментария
3 комментария
andykov
@andykov
Shit happens
На github иконки сделаны шрифтом, логотип в том числе.
Ответ написан
2 комментария
2 комментария
DeadCowsDontMoo
@DeadCowsDontMoo
web
github использует веркорные иконки если не ошибаюсь.
Ответ написан
Комментировать
Комментировать
swipeshot
@swipeshot
Учусь на ошибках.
Смотрите, у них логотип сделан шрифтом (какая-то буква изображает иконку). Далее, используется следующая конструкция:
.logo{
color: blue;
}
.logo:hover{
color: steelblue
}


Держите пример.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Редизайн корзины аспро. Верстка
23 апр. 2024, в 22:07
12000 руб./за проект
Собрать семантическое ядро + ТЗ копирайтеру для крупного сайта
23 апр. 2024, в 21:40
20000 руб./за проект
Реализовать редирект запросов в Chrome Extension Manifest v3
23 апр. 2024, в 21:14
1000 руб./за проект
Ещё заказы