CSS - раскрашивание изображения в градациях серого

Question

Есть ли в CSS стандартный способ раскраски или нанесения оттенка на изображение в градациях серого?

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

Спасибо

Answer 1

Вы можете изменить альфу и иметь сплошной цвет фона.

Answer 2

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

Я использовал это для выделения области при наведении курсора на карту, и это работало довольно хорошо.