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