2016-12-05 17 views
1

PhotoshopのFXのようなアルファチャンネルに関して画像を色で乗算する方法はありますか? たとえば、私は黒色の&白い&透明ボタンを持っています。それに4色+ 4色をホバー状態にしたいと思います。CSSブレンディングモード乗算によるカラーオーバーレイ

glslシェーダーの場合、各ピクセルに頂点カラーを単純に乗算します。ここで

はボタンスプライトです: https://dl.dropbox.com/s/4j43vf8l50mifw1/common_button_map_menu.png

答えて

0

ブラウザでCSSの背景画像上のブレンドモードのための限定的なサポートが用意されました。背景画像の上にベタ色にあなたの背景を設定し、使用してみてください:

background-blend-mode: multiply; 
IEがボールとSafariの実装が不完全で再生されません

http://caniuse.com/#search=blend-mode

+0

しかし、ボタンの透明ピクセルの下のピクセルが(BGとして設定)も乗算されます。ですから、もし私がその写真の上に浮かんでいる写真とdiv(ボタン+色がbg)が問題になると言えば、ボタンの透明ピクセルはbgカラーをマスクせず、基になる写真が増えます。 – wecando