Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
barsecky
@barsecky
CSS
SVG
Как повлиять на цвет при hover SVG иконки?
Всем привет.
Помогите решить проблемму.
Нужно при ховере изменять цвет иконки, иконка "youtube" .
Как не играюсь с кодом (уже часа 3 потратил) ни чего не получается, или видно чуть-чуть, или все заливает.
Помогите пожалуйса.
Прикрепил код.
Спасибо
snippet
Вопрос задан
более трёх лет назад
68 просмотров
4
комментария
Подписаться
1
Простой
4
комментария
Facebook
Вконтакте
Twitter
Sergo Zar
@Sergomen
она же вся одним цветом, ее и должно полностью заливать
snippet
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
Например, так
snippet
Написано
более трёх лет назад
barsecky
@barsecky
Автор вопроса
Ankhena
, спасибо, я уже разобрался. У соей svg последний path и еще пару строк убрал и все заработало
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
barsecky
, да, там было многовато лишнего
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Cocorico
@overveg
Похоже, что svg битый - в самом конце кода стоит слой с прямоугольником (rect), который закрывает собой все остальные фигуры.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
12 часов назад
70 просмотров
1
ответ
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
86 просмотров
2
ответа
CSS
Простой
Почему не центрируется текст?
1 подписчик
31 мар.
131 просмотр
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
182 просмотра
0
ответов
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
133 просмотра
0
ответов
HTML
+1 ещё
Простой
Как реализовать такой слайдер товаров?
1 подписчик
25 мар.
180 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы текст был обернут линией?
1 подписчик
25 мар.
138 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать пролистывание картинок в карточке товара?
1 подписчик
25 мар.
204 просмотра
2
ответа
CSS
Простой
Как вырезать плавно углы у блока css?
2 подписчика
23 мар.
153 просмотра
0
ответов
HTML
+1 ещё
Средний
Как правильно нужно скопировать элемент сайта?
1 подписчик
22 мар.
117 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама