CSSだけで簡単ロールオーバー！

大分前に見た記事で個人的に便利だと思ったCSSをご紹介！

そんなの知ってるよ！！CSSってなに！？という方はスルーの方向で…

今となってはホームページを作る上で欠かせないのがCSSですね！

ホームページでマウスを置いた時に色が変わるということがあると思います(・ω・)

ロールオーバーという効果ですが…

ある単語をCSSに追加することで簡単に作成することができます！

CSSのa:hoverクラスとopacity（透明度）を使うことで画像も不要(・∀・)

表記は以下の通り


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


opacity指定ができるブラウザのみの対応になりますが…

結構色々なところで使えそうですYO！！(@O@)