Затемнить изображение с прозрачным фоном?

Question

[Egorian]

Ссылка на код
Как изображение с прозрачным фоном сделать черным?
Можно и в фотошопе инвертировать цвета, но хочется через CSS

Comments

[Egorian]

Евгений Крамор, Lara B, не срабатывает из-за того, что у изображения есть прозрачные места

[Lara B]

Egorian, ааа я, наверно, не верно поняла Вашу просьбу. Попробуйте изображению задать filter: grayscale(100%); или filter: grayscale(1); поиграйте со значением от 0до 1 или от 0% до 100%

Answer 1

[DTX]

filter: brightness(0);
https://codepen.io/anon/pen/pVWPBX

Comments

[Egorian]

Лучше будет invert(1)

Answer 2

[Евгений Крамор]

background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('example.jpg') no-repeat fixed center;

rgba настраивайте под себя

Answer 3

[Lara B]

можно через псевдоэлемент. Задать данное изображение, как background-imag для ,например,
.block {
position: relative;
background-imag:url('.....');}

потом псевдоэлемент
.block::before {
position: absolute;
top:0;
left: 0;
bottom: 0;
right: 0;
bacground-color: rgba(0,0,0, 0.6);
z-index: 2;
}