CSS цвет в альфа для изображений?

Question

Несколько недель назад я помню, как видел в Интернете страницу, в которой говорилось о возможности замены цветовых областей изображения с помощью цветовой маски и их прозрачности.

Например, с изображением логотипа на белом фоне, когда он становится прозрачным, применяя новое свойство CSS.

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

Я добавляю это здесь на всякий случай, если кто-то знает, о чем я говорю, и может пролить свет на это.

Answer 1

Извините, что сначала неправильно прочитал ваш вопрос.

Вы всегда можете попробовать загрузить изображение на холст html5, пройтись по изображению и изменить альфа-канал на 0 или 255, основываясь на правильной комбинации rg & b.Вот что вам нужно для начала: http://dev.opera.com/articles/view/html-5-canvas-the-basics/

Answer 2

Я только нашел способ добавить уровень непрозрачности в web :

<img src="image.png" class="opacity30" />  

Чтобы это работало, мы должны добавьте этот класс в наш CSS-файл. Похоже на это ...

 .opacity30 { filter:alpha(opacity=30);
 -moz-opacity:0.3;
 -khtml-opacity: 0.3; opacity: 0.3; }

EDIT1:

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