css фильтр для получения изображения "синего цвета"? - PullRequest
Новая
       6

css фильтр для получения изображения "синего цвета"?

0 голосов
/ 12 сентября 2018

Есть ли способ превратить изображение в «голубую» или «зеленую» или любой другой цвет? Так же, как фильтр в CSS? Или, может быть, комбинация фильтров? 

filter:grayscale(100%);

Спасибо! * * 1004

Нашли решение, но оно не "удобно для пользователя" для не технического специалиста: css3 серого изображения на синий цвет с использованием фильтров?

Я надеюсь найти решение, в котором вы можете указать «rgb» для цвета, к которому хотите перейти.

1 Ответ

0 голосов
/ 12 сентября 2018

Вы можете легко получить этот эффект с помощью режимов наложения.

Установите фоновое изображение того цвета, который вы хотите перед изображением

И установить blend-mode: color;

Поддержка не идеальна, но у фильтров почти такая же проблема 

.test {
    width : 200px;
    height: 200px;
    background-image: linear-gradient(blue, blue), url("https://picsum.photos/200/200");
    background-blend-mode: color;
}
<div class="test"></div>
...