CSS Наложение цвета с режимом смешивания умножается

Question

Есть ли способ умножить изображение по цвету относительно альфа-канала, такого как FX в Photoshop? Например, у меня есть черный & белый & кнопка прозрачности, и я хочу сделать это 4 разных цвета + 4 цвета для состояния зависания.

Если бы это был glsl shader, я бы просто умножал каждый пиксель на цвет вершин.

Вот кнопка спрайта: https://dl.dropbox.com/s/4j43vf8l50mifw1/common_button_map_menu.png

Answer 1

Существует ограниченная поддержка режимов наложения на CSS фоновых изображений в браузерах сейчас. Попробуйте установить свой фон в сплошной цвет и использование на фоне образа с:

background-blend-mode: multiply; 

IE не будет играть в мяч и реализация Safari является неполным http://caniuse.com/#search=blend-mode