CSS
HTML
COMPONENTS
CODE HUB
Generador de Brillo CSS
Configuración
Brightness
Clase
Vista previa
Código
Aprende a programar con Lara
Domina los conceptos de programación paso a paso con tu tutora de IA interactiva. Lara explica lógicas complejas, revisa tus ejercicios prácticos y te ayuda a construir una base sólida en el desarrollo de software.
Lecciones de programación interactivas adaptadas a tu propio ritmo.
Empezar a aprender con LaraGenerador de Brillo CSS
La palabra brillo en inglés se refiere al grado de iluminación o intensidad de la luz. En CSS, el brillo es uno de los valores para la propiedad filter, que permite ajustar el brillo o intensidad de un elemento. El valor de brillo se especifica como un porcentaje, indicando qué tan brillante o tenue debe ser el elemento en comparación con su estado original.
Por ejemplo:
- brightness(100%): Mantiene el brillo o intensidad original.
- brightness(50%): Reduce el brillo o intensidad del elemento a la mitad, resultando en una apariencia más oscura.
- brightness(200%): Duplica el brillo o intensidad del elemento, resultando en una apariencia más brillante.
Aquí tienes un ejemplo de CSS sobre cómo usar la propiedad de filtro de brillo:
.my-element {
filter: brightness(100%);
}
.my-element.dim {
filter: brightness(50%);
}
.my-element.bright {
filter: brightness(200%);
}
Este código demuestra cómo puedes ajustar el brillo de los elementos en tu página web utilizando la propiedad de filtro de brillo en CSS. El elemento con la clase .my-element puede tener su brillo ajustado añadiendo diferentes clases como .dim para brillo reducido o .bright para brillo aumentado, como se muestra en el ejemplo.