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