цвет пропсом. А как его вставить как background-image потом?)
компонент как background-image?)
ну мне нужна некая динамика в цветах, но при этом данный svg должен быть как background-image с cover. Сначала я попробовал простой вариант с mask , но там адаптивный дизайн вышел из чата...
Object-fit хорошо заменяет background-size:cover
по итогу посмотрел спеки, там mask дублирует почти полностью background, так что все сделал через него
Мои слова могут быть чушью и я мог делать что-то неправильно, но помню мне в инлайновых свг не нравилась концепция id. Условно, когда на странице несколько элементов с одинаковыми id и разными значениями (в данном случае mask) — могут начинаться конфликты. В общем когда несколько иконок у вас как то странно себя начнут вести — в эту сторону можно копать. Отговаривать от mask не буду (не работал с ними), но через css это кажется более «надежным»
Так я про css свойство mask)
https://caniuse.com/css-masks про это?
Ага. Условно, у меня есть фон, который состоит из двух цветов по принципу: 1 - заливка, 2 - цвет svg. Первый менять легко, со вторым - проблемка. И как-то решил через mask-image делать
Обсуждают сегодня