如何用css使得图片在鼠标移动时候变灰色

如何用css使得图片在鼠标移动时候变灰色

工具/原料

chrome

codepen

方法/步骤

1、打开编辑器。

2、用img标签加入图片。

3、设置一下transition效果。

4、增加伪类。

5、设置filter:grayscale。

6、现在移动上去就变成灰色了。