Usar un filtro de brillo() para resaltar genéricamente el contenido

Rick Strahl:

No puedo decirles cuántas veces a lo largo de los años he implementado un 'botón' personalizado como la implementación de CSS. A lo largo de los años, utilizó imágenes, fondos, degradados y opacidad para “resaltar” un control de forma eficaz. Todo eso funciona, por supuesto, pero el problema con la mayoría de estos enfoques es que de una forma u otra estás codificando un valor de color, una imagen o un degradado.

Ciertamente tiene mucho más control si especifica colores exactos, pero si puede lograr un brillo, un oscurecimiento o incluso un cambio de tono de una manera que se sienta coherente en su sitio, ciertamente es mucho menos código que mantener.

.button.specific-button { background: #4CAF50;}.button.specific-button:focus,.button.specific-button:hover { background: #A5D6A7;}/* vs. */.button:focus,.button:hover { filter: brightness(120%);}/* or maybe you're super hardcore and do it everywhere */:focus,:hover { filter: brightness(120%) saturate(120%);}

Enlace directo →

Tal vez te puede interesar:

1. La innovación no puede mantener la Web rápida
2. Rendimiento web ultrarrápido
3. Tabla de contenidos fijos con estados activos de desplazamiento
4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Usar un filtro de brillo() para resaltar genéricamente el contenido

No puedo decirles cuántas veces a lo largo de los años he implementado un 'botón' personalizado como la implementación de CSS. A lo largo de los años, uti

programar

es

https://pseint.es/static/images/programar-usar-un-filtro-de-brillo-para-resaltar-genericamente-el-contenido-1722-0.jpg

2024-06-13

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente