Затемнение изображения с помощью CSS (в любой форме)

Поэтому я видел немало способов затемнить изображения с помощью CSS, в том числе с закругленными углами, но моя проблема в другом.

Допустим, у меня есть изображение в формате .png, похожее на маленькую собачку (просто продолжайте, у меня нет хороших примеров), когда я размещаю его на своей странице, я даю ему размеры 100 х 100.

Но я не могу просто наложить что-либо на него или подкрасить изображение целиком, так как это приведет к тому, что фон собаки также будет окрашен, что выглядит некрасиво.

Можно ли тонировать изображение произвольной формы с помощью CSS?

(Я предполагаю, что вы понимаете мою точку зрения, и бесполезный код не нужен)

Спасибо!

Ответы на вопрос(4)

Ваш ответ на вопрос