CSS样式,图片为黑白色
filter样式是调节图片灰度;
li img{
transition: all linear .3s;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
鼠标悬停时,图片为原始色度(彩色)
li:hover img{
filter: grayscale(0);
-webkit-filter: grayscale(0);
filter: none;
}