CSSで画像を白黒にして、カーソルをあわせるとゆっくり色がつくようにする。 | RifRif.netTweet こんにちは、りくとです。 今回は、CSSで画像を白黒にして、カーソルをあわせるとぼんやりともとの色がつく、というのをやってみようと思います。 ちなみに、これには「filter」というのを使いますがCan I use…で見るとwebkit(GoogleChromeとか)でないといけないようですので、その他のブラウザではうまく動作しませんのでご注意を。あと、IEでも出来るみたいです。執筆現在手元にIEがないので確認はしていません。 それでは早速。 まずは画像の色を白黒に -webkit-filter: grayscale(100%); /* webkit用 */ filter: gray; /* IE用 */ これだけです。これで、画像は白黒になります。ですから、まあすべてのimgに対してなら単純に img { -webkit-filter: grayscale(100%); f
