css / リンクのホバー

リンクをホバーした時に、簡単に色が変えられるソースです。

色が変えられるというより、正確には明度を変えて変化をつける感じ。

その方法とは、CSSに下記ソースを追加するだけ。

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

上のサンプルソースの例でいうと、

0.8や80というのは、不透明度80%、という意味になるので、

もっと薄くしたい場合は、0.6 、60 等に変更する事でカスタマイズ可能です。

簡単な設定超シンプル！hover画像作る必要ナシ、CSSだけで、画像をロールオーバー！
http://shirasaka.tv/240