关注前端开发
关注用户体验

CSS3– filter(滤镜)

早前做页面时遇到为降低赞助商板块的注意力,将logo置灰显示的处理,虽觉得寡淡,但因为还有其他的工作要做也就没有想过其他的效果,最近看vue文档(汗,其实是之前没注意),发现首页赞助商logo初始置灰鼠标悬停时高亮效果挺赞的,点此查看效,所以记下来。

初看到这个效果,想到的是改变两张图片的透明度,查看之后发现是用filter实现的,很简洁有没有。

实现方式、隐藏显示,也可以用图片定位,但是挺麻烦的

See the Pen mzZamG by cc (@glccgl) on CodePen.

实现方式、filter(滤镜)

See the Pen GYbzrR by cc (@glccgl) on CodePen.

关于浏览器支持点此查看

最后,欢迎大家补充指正。

 

赞(26)
未经允许不得转载:大前端 » CSS3– filter(滤镜)
分享到: 更多 (0)

评论 10

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #10

    Very nice site, I just came to know of it yesterday evening. Bookmarked this and also stumbled upon it. Thanks a lot,You had some nice ideas in the post, I enjoyed scaning it.

    Evelia Brevik1周前 (05-14)回复
  2. #9

    very good post, i definitely adore this web site, persist with it

    Nonton Anime2周前 (05-11)回复
  3. #8

    very nice post, i undoubtedly love this fabulous website, continue it

    cat tales2周前 (05-08)回复
  4. #7

    Is it not enjoyable if we constantly discuss subjects like this.

    domino qiu qiu3周前 (05-05)回复
  5. #6

    Nice post! Thank you.

    schoonheidssalon1个月前 (04-24)回复
  6. #5

    I simply had to say thanks yet again. I do not know the things I would have made to happen in the absence of those ways contributed by you relating to such a theme. It previously was a real terrifying circumstance in my circumstances, but noticing your specialized fashion you processed the issue forced me to jump with gladness. I’m happy for your information and then believe you comprehend what a powerful job that you’re getting into educating some other people through the use of a web site. I know that you have never come across any of us.

  7. #4

    Nice post! Thank you.

    Puistjes1个月前 (04-16)回复
  8. #3

    Oh my goodness! Amazing article dude! Thank you, However I am encountering problems with your RSS. I don’t understand why I cannot join it. Is there anybody getting identical RSS issues? Anybody who knows the solution can you kindly respond? Thanks!!

    Apex Legends DPS2个月前 (03-31)回复
  9. #2

    It’s hard to find knowledgeable people within this topic, but the truth is could be seen as what happens you are preaching about! Thanks

    my singing monsters2个月前 (03-28)回复
  10. #1

    I view something genuinely interesting about your web site so I saved to my bookmarks .

    Sammie Cacciola2个月前 (03-11)回复

themebetter 国内更好的WordPress主题服务商

立即前往