CSS `фильтр`: затемнение изображения до белого цвета путем наложения белого цвета ⇐ CSS

[Anonymous]

Свойство CSS filter имеет ряд функций фильтра.
Я хочу «размыть» изображение, к которому применяю это свойство, как если бы я накладывал твердое тело. белый слой поверх изображения и управление его непрозрачностью. Оно должно исчезнуть из исходного изображения в полностью белое с использованием пользовательского свойства фактора (

Код: Выделить всё

--fade: 0.5;

), которые можно анимировать.
На первый взгляд фильтр яркости() кажется тем, что мне нужно. Однако на самом деле выбранный коэффициент умножается на каждый пиксель, делая светлые пиксели ярче, но сохраняя уже темные пиксели темными (если задано значение выше 1, или затемняя яркие пиксели, если оно ниже 1).
Меня удивляет отсутствие фильтра, который накладывает полупрозрачный белый цвет поверх изображения. Как я могу добиться этого с помощью свойства CSS filter?



Оригинал













CSS-фильтр с яркостью (1.5)
CSS-фильтр с яркостью (1.9)



< tr>











< tr>
Желаемый (наложение белого цвета с непрозрачностью 50 %)
Желаемое (наложение белого цвета с непрозрачностью 90 %)





[img]https://i .sstatic.net/eAqwFkcv.png[/img]








Подробнее здесь: https://stackoverflow.com/questions/784 ... hite-color