把图片变成黑白的效果使用 Canvas 就可以实现，那如何使图片渐变成黑白色呢？其实 Canvas 完全可以胜任，但是有更简单的办法就是 CSS 的滤镜。首先上一下 HTML 的代码：123 此时的效果如下：CSS 代码也很简单：123456.pic { transition: filter .8s ease;}.pic:hover{ filter: grayscale(100%) ;}当然我们还可以添加多个滤镜，效果会更好，就比如再添加一个透明度变化的效果：123456.pic { transition: filter .8s ease;}.pic:hover{ filter: gr……