HTML5技术

用filter:grayscale将图片过滤成灰色 - 做一个有思想的程序员

字号+ 作者:H5之家 来源:博客园 2016-07-28 10:00 我要评论( )

设置成百分之百直接过滤成灰色: img { filter : gray ; filter : grayscale(100%) ; -0-filter : grayscale(100%) ; -moz-filter : grayscale(100%) ; -webkit-filter : grayscale(100%) ; } 可以通过设置具体百分数值来定义需求: img { filter : gray ; f

设置成百分之百直接过滤成灰色:

img{filter:gray;   filter:grayscale(100%);   -0-filter:grayscale(100%);   -moz-filter:grayscale(100%);   -webkit-filter:grayscale(100%); }

可以通过设置具体百分数值来定义需求:

img{filter:gray;   filter:grayscale(60%);   -0-filter:grayscale(60%);   -moz-filter:grayscale(60%);   -webkit-filter:grayscale(60%); }

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 浓缩的才是精华:浅析GIF格式图片的存储和压缩 - 腾讯云技术社区

    浓缩的才是精华:浅析GIF格式图片的存储和压缩 - 腾讯云技术社区

    2017-04-07 15:08

  • HTML5本地图片裁剪并上传 - QxQstar

    HTML5本地图片裁剪并上传 - QxQstar

    2017-03-25 14:00

  • 图片展示丨标签 - xiaohaimiansBlog

    图片展示丨标签 - xiaohaimiansBlog

    2017-03-08 17:00

  • 解决canvas跨域问题(图片,视频资源跨域) - 小结巴巴吧

    解决canvas跨域问题(图片,视频资源跨域) - 小结巴巴吧

    2017-03-08 16:04

网友点评
'