brightness()

版本： CSS3

CSS brightness()函数对输入图像应用线性乘法器，使其看起来更亮或更暗

示例 

filter: brightness(1);
filter: brightness(1.75);
filter: brightness(50%);
filter: brightness(0);

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
IE不支持。其余浏览器都支持 brightness() 函数

语法

brightness ( amount )

取值

  • amount ：结果的亮度，指定为 <number> 或 <percentage> 。低于100%的值会使图像变暗，而高于100%的值会使图像变亮。值为0%将创建完全黑色的图像，而值为100%将保持输入不变。插值的lacuna值为1。

实例 

brightness(0%)   /* Completely black */
brightness(0.4)  /* 40% brightness */
brightness(1)    /* No effect */
brightness(200%) /* Double brightness */

上篇： blur()

下篇： drop-shadow()