画像にホバー効果を追加する（ワードプレス）

Question

画像の透明度を追加する最適なソリューションは何ですか - ホバー効果をワードプレスに追加するには？私はいくつかの会社のロゴを持っています。あなたがそれらの上に置かれるまで、退色したいと思っています....簡単な解決法はありますか？正しいコードとCSSを探しています...ありがとうございます。

Answer 1

まず、このようなすべてのあなたの会社のロゴ画像のためのクラスを定義する -

<img class="company-logo" src="..."/> 

次に、このように会社のロゴクラスのCSSを追加 -

img.company-logo { 
    opacity: 0.5; /* Set this to whatever value you want */ 
    filter: alpha(opacity=50); 
} 

img.company-logo:hover { 
    opacity: 1; /* make the images fully opaque */ 
    filter: alpha(opacity=100); 
}