• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • grayscale()

    版本:CSS3

    grayscale():对图片进行灰度转换,它是<filter-function>的子属性.

    示例

    filter: grayscale(0);
    filter: grayscale(0.20);
    filter: grayscale(60%);
    filter: grayscale(1);
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持grayscale()函数

    语法

    grayscale(amount)

    取值

    • amount:转换值的大小,可以是<number><percentage>.当值为100%时,灰度最大. 0%时与原图没有区别. 0%到 100%之间的值会使灰度线性变化.amount为空时会自动插入0.

    实例

    grayscale(0)     /* 无效果 */
    grayscale(.7)    /* 70% 灰度 */
    grayscale(100%)  /* 灰度最大 */
    

    上篇:image-set()

    下篇:filter