La función de brillo() es una función incorporada que se utiliza para aplicar un filtro para establecer el brillo de la imagen. Esta función utiliza el multiplicador lineal de la imagen para aumentar o disminuir el brillo.
Sintaxis:
brightness( amount )
Parámetros: esta función acepta una cantidad de parámetro único que contiene la cantidad de brillo. El valor del brillo se establece en términos de número y porcentaje . El valor 0% representa una imagen completamente negra y 100% representa la imagen original.
El siguiente ejemplo ilustra la función de brillo() en CSS:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>CSS brightness() Function</title>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
.brightness_effect {
filter: brightness(10%);
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>CSS brightness() function</h2>
<img class="brightness_effect" src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="GeeksforGeeks logo">
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la función de brillo() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera