Information

CSSだけでリンク画像をロールオーバー

  •    2010年11月18日(木) 13:04 JST 閲覧件数 821
リンク画像にマウスを載せたときに画像が変わる動作のことを「ロールオーバー」といいます。

透明度を変えるだけでも簡易的にロールオーバーを実現できます。
早速当サイトにも適用しました。Waldizロゴとか反応してます。

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


元ネタ