• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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()