brightness()

La función brightness() CSS aplica un multiplicador linear a la imagen, haciendo que su apariencia sea más brallante u oscura. Su resultado es un <filter-function>.

Pruébalo

El código de este ejemplo interactivo se encuentra en GitHub repository. Si desea contribuir en el proyecto de ejemplos interactivos, por favor clone el repositorio https://github.com/mdn/interactive-examples y envie un pull request.

Sintaxis

brightness(valor)

Parametros

valor: El brillo resultante, es definido como un <number> o un <percentage>. Un valor debajo del 100% oscurecerá la imagen, como así un valor superior al 100% le dará más brillo. Un valor de 0% dará como resultado una imagen completamente negra, siendo el valor de 100% una imagen sin cambios. El valor de la Interpolación es 1.

Ejemplos

css

brightness(0%)   /* Completamente negro */
brightness(0.4)  /* 40% de brillo */
brightness(1)    /* Sin Efecto */
brightness(200%) /* Doble de Brillo */

Ver también

<filter-function>
blur()
contrast() (en-US)
drop-shadow() (en-US)
grayscale() (en-US)
hue-rotate() (en-US)
invert() (en-US)
opacity() (en-US)
saturate() (en-US)
sepia() (en-US)