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

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

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

(

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

<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

〒108-0075 港区港南3-4-12

TEL.03-6433-0422