一张彩色的图片就能实现鼠标移入变彩色，移出变灰的效果。

<a href='' class='icon'><img src='01.jpg' /></a>

<style>

.icon{

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);   

  filter: grayscale(100%);

  filter: gray;

}

.icon:hover{

  filter: none;

  -webkit-filter: grayscale(0%);

}

</style>