Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
FlexibleCurd
@FlexibleCurd
JavaScript
HTML
CSS
Вёрстка
SVG
Как сверстать такой svg?
Как правильно сверстать
такой
svg что бы при наведении менялся цвет?
p/s.
с svg мало работал. как я понимаю нарисовать в редакторе svg скопировать код и через id менять цвет при :hover(но насколько я понимаю svg не работает с css)?
Вопрос задан
более трёх лет назад
482 просмотра
1
комментарий
Подписаться
2
Оценить
1
комментарий
Facebook
Вконтакте
Twitter
Ivanq
@Ivanq
SVG с CSS работает, если использовать <use>
Написано
более трёх лет назад
Решения вопроса
1
Anna_BS
@Anna_BS
Реализация svg описана верно, а вот так можно изменять цвет:
codepen.io/Anna_Batura/pen/OMNNQL
fill задает заливку
stroke - обводку
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
2 часа назад
55 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
17 часов назад
54 просмотра
1
ответ
Вёрстка
Простой
Проблема с версткой сайта?
нет подписчиков
19 часов назад
293 просмотра
0
ответов
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
19 часов назад
56 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
вчера
62 просмотра
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
вчера
143 просмотра
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
вчера
152 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
159 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
154 просмотра
2
ответа
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
209 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама