Greyscale Hover Effect w/ CSS & jQuery

画像マウスオーバーでグレーにアニメーションするCSS＆jQueryサンプル。
CSSスプライトで2種類の画像を作っておいて、カラー画像をグレーに切り替えるサンプルになってます。



↓↓マウスオーバー↓↓



グレーでなくとも、別の画像に切り替えるという場合のサンプルとしても使えます。
透過PNGとかでやれば2種類画像を作らないでもよさそうですね。そういうのも今後出てくるとうれしいですね。