brightness()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

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