PO
что?
Size: a a a
2020 June 27
AS
Всем привет! Поделитесь опытом. Кто как вставляет svg если на нее hover надо повесить и поменять цвет. Не хочется засорять html. Знаю что можно еще сгенерировать svg как шрифт. И тоже тогда можно управлять цветом. Но и такой способ кажется сомнительным. Расскажите кто как делает?
Иx
PO
🌚 боян
Иx
😒ну может кто-то не видел )
Иx
Будут готовы к наихудшему собесу
Иx
Anastasiya Sekretareva
Всем привет! Поделитесь опытом. Кто как вставляет svg если на нее hover надо повесить и поменять цвет. Не хочется засорять html. Знаю что можно еще сгенерировать svg как шрифт. И тоже тогда можно управлять цветом. Но и такой способ кажется сомнительным. Расскажите кто как делает?
AS
это нормальная практика?
Иx
Каждый делает по своему или как умеет, или как ему удобно)
k
о, есть теперь еще один креативный ответ на вопрос - "Кем вы себя видите через 5 лет"
В
Anastasiya Sekretareva
Всем привет! Поделитесь опытом. Кто как вставляет svg если на нее hover надо повесить и поменять цвет. Не хочется засорять html. Знаю что можно еще сгенерировать svg как шрифт. И тоже тогда можно управлять цветом. Но и такой способ кажется сомнительным. Расскажите кто как делает?
А что мешает в псевдоэлемент положить, дать fill currentColor и обработать ховер родителя?
AS
Владимир
А что мешает в псевдоэлемент положить, дать fill currentColor и обработать ховер родителя?
это тогда получается svg надо вставлять в html&
2020 June 28
В
Anastasiya Sekretareva
это тогда получается svg надо вставлять в html&
если надо менять цвет то да
ДБ
Object / use не отрабатывают ховеры?
В
с псевдоэлементом проверил, не сработает. Так что если нужен интерактив - то похоже только в html
AS
видимо самый надежный способ действительно только через html. Чего только сегодня не начиталась про svg. И преобразовать в текст (не особо надежно, может заимствовать шрифтовые стили). SVG-спрайт - как-то замудренно. Вообщем если интерактивность, видимо только html
В
похоже что да, варианты "давайте прикрутим к псевдоселекторам псевдоклассы" - не самый надежный путь
В
<button class="btn"><svg ...... тут свгшка></svg></button> и где-то в начале css файла строка svg { fill: currentColor; } - и можно вообще не думать про настройки)
AS
так-то да. Просто сам факт что, когда svg вставляется в файл напрямую, файл раздувается. Если бы не это, то не было бы и вопросов.
В
Спорно) я про раздувается. Какая разница - свг все равно должен быть доставлен пользователю, случится это в весте или в стилях - для клиента разницы нет имхо. Тем более что css это блокирующий блок, пока не загрузится - отрисовки все равно нет