Добро пожаловать на ИТ форум!

После быстрой регистрации у вас будет возможность участвовать в дискуссиях, создавать новые посты, и еще много чего.

Регистрация

Можно ли изменить цвет svg картинки, которая вставлена с помощью псевдоэлемента

Статус
Закрыто для дальнейших ответов.

nastya-spo

Новичок
Регистрация
07.10.2018
Сообщения
1
Подскажите, пожалуйста. Можно ли изменить цвет svg картинки, которая вставлена с помощью псевдоэлемента. Не могу найти ответ.
Код:
.footer-user-navigation .enter a::before {
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
    background-image: url(../img/user.svg);
    width: 15px;
    height: 15px;
 

BaNru

Пацифизжу
Регистрация
13.11.2010
Сообщения
3 900
Нет.

Но можно преобразовать его в svg font и тогда можно будет менять цвет, как обычного шрифта.
Разумеется заливка будет однородная, svg не сможет быть многоцветным.

Другой альтернативный вариант, который часто используется - это sprite. Ни чем не отличается от спрайтовых картинок - cделать внутри svg сразу несколько элементов разных цветов и сдвигать его.
 

Volly

Active Member
Регистрация
21.03.2012
Сообщения
678
nastya-spo, в зависимости от того, что надо получить, можно попробовать на картинку наложить, например, div такого же размера и ему задать полупрозрачный фон подходящего цвета.
 

BaNru

Пацифизжу
Регистрация
13.11.2010
Сообщения
3 900
[member=Volly], тогда можно пойти дальше и на имеющийся SVG наложить другой SVG с фильтрами :)
 

Volly

Active Member
Регистрация
21.03.2012
Сообщения
678
BaNru, это точно, количество слоёв не ограничено, как у слоённого пирога :)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ