CSS
HTML
COMPONENTS
CODE HUB
Generador de Brillo CSS BETA
Configuración
Brightness
Clase
Vista previa
Código
Generador 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.
Herramientas destacadas
Hub de CódigoSeleccionar idioma
Establecer tema
© 2024 ReadyTools. Todos los derechos reservados.