マウスオーバーでグレースケールに変更する
リンク画像をバナーっぽくしたいという要望は以前存在しており、いくつかのサイトでも紹介されています。このページではグレースケールに変更する方法を紹介します。
グレースケールに変更するとシブさが出てきますね。
<style type="text/css">
a img:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
</style>
▼ タグの貼り付け方はここ マウスを当てると画像が開きます。
この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
コメントをお書きください