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 del100%
oscurecerá la imagen, como así un valor superior al100%
le dará más brillo. Un valor de0%
dará como resultado una imagen completamente negra, siendo el valor de100%
una imagen sin cambios. El valor de la Interpolación es1
.
Ejemplos
brightness(0%) /* Completamente negro */
brightness(0.4) /* 40% de brillo */
brightness(1) /* Sin Efecto */
brightness(200%) /* Doble de Brillo */