当前位置: 首页 > Web前端 > CSS

[css]实现图片悬停时更改

时间:2023-03-30 13:46:41 CSS

的颜色。在做项目的时候,你会遇到很多图标/图片在悬停时显示活跃的颜色,表示可以点击。切换图像源是一种解决方案。需要JS实现,而且还添加了图片资源,不是必须的。可以用CSS来实现。这个想法是使用一个活跃的彩色图像材料并给它一个灰色过滤器。悬停时取消此过滤器以恢复活动颜色。img{过滤器:灰度(100%);不透明度:0.6;}img:hover{过滤器:无;不透明度:1;}该方法适用于.img.png.svg格式的素材。