轩枫阁

首页 / Web前端 / CSS / CSS3黑白滤镜grayscale的应用

CSS3黑白滤镜grayscale的应用

前言

CSS3 Filter与我们所熟悉的CSS Filter是完全不同的两个概念,也不是所谓的IE滤镜,它是指通过CSS或SVG渲染元素概念可以描述的元素,包括子元素。

语法

语法很简单,grayscale的参数中100%表示黑白色调,0%表示彩色。

demo

链接

http://xuanfengge.com/demo/201408/gray/

动图

gray1

实现代码

更多资料

使用CSS将图片转换成黑白(灰色、置灰)

本文标题:CSS3黑白滤镜grayscale的应用 - 轩枫阁

转载请务必注明出处,欢迎分享

如果觉得我的文章对您有用,请随意打赏
赞  赏
赞赏作者 轩枫-ivan
¥ 6.66
换个金额 使用微信扫一扫赞赏
  • 6.66
  • 8.88
  • 16.8
  • 2.33
  • 52.0
  • 20.0
  • 自定义
  • 10.0
200/456
202/456

相关文章

文章评论

  • 鼓励一下,文章非常好

  • 天苍苍,野茫茫,风吹草低见牛羊

  • 赞一个!长知识啦!

  • 赞一个!长知识啦!

    • 欢迎来访,哈哈

    • 导航栏好酷,求知道是什么原理实现的

      • HTML5

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]