Непрозрачность частичного изображения в HTML / CSS

Question

Я хочу знать, возможно ли повлиять на непрозрачность только определенного цвета в изображении?

Например, у меня есть файл изображения PNG с простым рисунком на нем (смайлик)и я установил фон только на цвет «белый».Я хочу использовать изображение на веб-странице, но хочу, чтобы на экране было только смайлик (без белого фона).

Есть ли способ сделать это?

Answer 1

Не в HTML или CSS, но вы должны открыть изображение в графическом редакторе, который поддерживает прозрачность PNG, и установить фоновое изображение transparent (или opacity = 0) вместо белого.

Answer 2

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