Задать вопрос
@svm2001

Как красить спрайт?

При размещении svg-иконки кодом svg через include (webpack) у меня есть доступ к таким свойствам как fill, stroke, opacity у тега path и circle внутри svg.

При размещении svg-иконки через svg-sprite (использую npm модуль "svg-sprite-loader") в тег svg помещается тег use, который в свою очередь ссылается на сам svg-файл. Соответсвенно через css добраться до тегов path и circle, а также их свойств возможности нет. Отсюда проблема с ховерами и активными состояниями элементов, когда нужно перекрашивать отдельные части внутри svg. Например у меня есть svg иконка с 10-12ю тегами path внутри. И мне при ховере нужно закрасить зеленым все четные теги path.

Кто сталкивался с этим? Как можно победить?
  • Вопрос задан
  • 46 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Python-разработчик
    10 месяцев
    Далее
  • Skillfactory
    DevOps-инженер
    6 месяцев
    Далее
  • Хекслет
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы