マウスオーバーでグレースケールにしたい

マウスオーバーでグレースケールに変更する

リンク画像をバナーっぽくしたいという要望は以前存在しており、いくつかのサイトでも紹介されています。このページではグレースケールに変更する方法を紹介します。

(

グレースケールに変更するとシブさが出てきますね。

<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>


▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。


株式会社 PIK

〒140-0015 東京都品川区西大井1-14-4

TEL.03-5728-9888