通过使用CSS的灰度滤镜改变图片的灰度值,让人产生图片在切换的错觉。适合hover事件前后图片内容不变的。
img {
filter: grayscale(100%);
opacity: 0.6;
}
img:hover {
filter: none;
opacity: 1;
}
hover前
hover时
通过使用CSS的灰度滤镜改变图片的灰度值,让人产生图片在切换的错觉。适合hover事件前后图片内容不变的。
img {
filter: grayscale(100%);
opacity: 0.6;
}
img:hover {
filter: none;
opacity: 1;
}
hover前
hover时