css图片黑白样式 |css 仿照淘宝评论页面

/* 让图片变成黑白色 */
.black-white {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

以上代码中，大家使用了CSS滤镜的功能来实现图片变成黑白色。”grayscale”表示灰度滤镜，括号中的数字表示灰度值。将其设置为100%即可将图片变成黑白色。

/* 图片悬停变为原色 */
.black-white:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}

以上代码则是在黑白图片上悬停时，会将图片变为原来的彩色。同样是使用CSS滤镜，将灰度值设置为0即可恢复图片原来的颜色。

通过上述的代码，大家可以轻松地实现图片黑白样式的效果。在实际应用中，可以根据不同的需求对代码进行增删修改，达到更好的视觉效果。