Перейти к содержимому

Фотография
- - - - -

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


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 nastya-spo

nastya-spo

    Прохожий

    Топикстартер
  • Новичок
  • 0
    1 сообщ.

Отправлено 08 Октябрь 2018 в 00:23

Подскажите, пожалуйста. Можно ли изменить цвет 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;

  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 08 Октябрь 2018 в 04:48

Нет.

 

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

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

 

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


  • 0

#3 Volly

Volly

    Увлеченный

  • Участник
  • 110
    563 сообщ.

Отправлено 08 Октябрь 2018 в 16:38

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


  • 0

#4 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1015
    3 690 сообщ.

Отправлено 09 Октябрь 2018 в 07:46

Volly, тогда можно пойти дальше и на имеющийся SVG наложить другой SVG с фильтрами :)


  • 1

#5 Volly

Volly

    Увлеченный

  • Участник
  • 110
    563 сообщ.

Отправлено 09 Октябрь 2018 в 12:56

BaNru, это точно,  количество слоёв не ограничено, как у слоённого пирога :)


  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей