网站上logo移上去才变彩色怎么做?

在很多网站会运用到一个效果,网站合伙伙伴的地方很多会合作伙伴的logo默认弄成灰色,当你鼠标移上去的时候会变成彩色的。这个要怎么做呢? 将logo置灰显示的处理,虽觉得寡淡,但因为还有其他的工作要做也就没有想过其他的效果,最近看vue文档(汗,其实是之前没注意),发现首页赞助商logo初始置灰鼠标悬停时高亮效果挺赞的,
点此查看效,所以记下来。 初看到这个效果,想到的是改变两张图片的透明度,查看之后发现是用filter实现的,很简洁有没有。 实现方式、隐藏显示,也可以用图片定位,但是挺麻烦的 实现方式、filter(滤镜)     <img class=”logo” src=”https://www.xmhudong.com/wp-content/uploads/2018/07/68a4bcb59ac9c72acfcb.png” /> .logo { transition: all 0.2s; cursor: pointer; filter: grayscale(100%); } .logo:hover { filter: none; } 关于浏览器支持
点此查看  

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 网站上logo移上去才变彩色怎么做?
分享到:
赞(0)
广告位820*80