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 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 */