cssを使用してホバー上の画像の色を変更する

Question

私は自分のウェブページに画像を持っているので、画像の色は最初の赤色の最初の赤色に変更する必要があります。右の画像は白黒ですホバー上の画像の色は、ここアドバンス

でchanged.Thanksする必要があります私のコードです：

<div class="ourexpertise"> 
        <div id="content"> 
        <img src="image/expertise/1.png" /> 
        <img src="image/expertise/2.png" /> 
        <img src="image/expertise/3.png" />      
       </div> 
     </div> 

Answer 1

あなたは、「背景色と画像の上にオーバーレイdivの上で作成することによって、それを達成することができます：RGBA （255,0,0,0.5）」とする。 しかし、これは色の変化の "錯覚"を作成するだけです。色を適切に変更するには、実際にHTML5キャンバスを使用する必要があります。これは、ブレンドモードを使用するためです。 または、白黒の画像を画像に変換できます。白の色は完全に透明になり、黒は完全に不透明になります。この画像を固定カラーのdivにオーバーレイとして使用する - 画像を再クロールする必要があるとすぐに、固定カラーを赤または青に変更します。