Чтобы сделать картинку черной в CSS, можно использовать свойство filter с значением grayscale(100%), которое превратит все цвета в оттенки серого.
img {
filter: grayscale(100%); /* делает картинку черно-белой */
}
Однако, этот код превратит картинку сначала в черно-белую, а потом в черную (то есть, все оттенки серого станут черными), при этом сохраняя контраст и яркость.
Если вы хотите, чтобы картинка стала полностью черной, без сохранения контраста и яркости, то вы можете использовать свойство brightness с заданным значением 0:
img {
filter: brightness(0); /* делает картинку полностью черной */
}
Заметьте, что это свойство сделает все пиксели картинки черными, в любых условиях.





