美文网首页
css使图片变灰

css使图片变灰

作者: 姜泥誓杀徐凤年 | 来源:发表于2017-07-26 16:25 被阅读0次

话不多说先上效果图(注意两张图的"网上直借"):


image.png image.png

好了,现在上代码:

image.png
.gray { 
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                
                filter: grayscale(100%);
                
                filter: gray;
            }

哈哈,是不是很方便,再也不用切换图片那么麻烦了→_→

相关文章

  • css使图片变灰

    话不多说先上效果图(注意两张图的"网上直借"): 好了,现在上代码: 哈哈,是不是很方便,再也不用切换图片那么麻烦...

  • CSS使网页变灰

    今天清明节,全国也举行了哀悼活动,缅怀逝去的英雄。 我在浏览网页的时候,发现有的网站风格变成了灰色。很好奇,一开始...

  • css使图片变透明

    opacity属性,范围0~1,0完全透明看不见,1就是实在的一点都不透明。filter:alpha属性(ie8之...

  • iOS图片变灰

    图片过滤去色

  • css-页面变灰

  • iOS图片变灰处理

    + (UIImage*)grayscaleImageForImage:(UIImage*)image { //...

  • CSS3 img filter(滤镜)属性--使图片置灰

    最新在项目中新运用到CSS3 filter(滤镜) 属性 首先需求是矿机有在线和离线状态,在线矿机算力曲线图片正常...

  • 整个网站变灰css样式

    4月4日举行全国哀悼,致敬英雄,缅怀英烈。各大网站和视屏都在变灰,于是我也学习了一下css样式,向英雄致敬! ht...

  • Unity ugui image图片变灰

    http://blog.sina.com.cn/s/blog_89d90b7c0102vo5u.html http...

  • css3常用

    图片由灰变彩色的动画效果 img{width:100%;-webkit-filter: grayscale(1);...

网友评论

      本文标题:css使图片变灰

      本文链接:https://www.haomeiwen.com/subject/allokxtx.html