Curso Completo de CSS de principiante a avanzado - CURSO de CSS - 79 ¿Como darle filtro SATURAR a una IMAGEN en CSS?

Puntos Clave de la Lección

• Implementación básica de la propiedad filter: Se introduce el uso de la propiedad filter aplicada sobre un selector de imagen para modificar sus propiedades visuales. [00:00:13]
• Uso de la función saturate: Se detalla la sintaxis necesaria para llamar a la función saturate dentro de la propiedad de filtrado de CSS. [00:00:29]
• Configuración mediante porcentajes: Se explica cómo el valor 0% elimina completamente el color de la imagen, mientras que el 100% mantiene su estado original. [00:00:48]
• Valores numéricos decimales: Se enseña a controlar la intensidad usando números decimales, donde 0 equivale a 0% y 1 equivale a la saturación normal (100%). [00:01:27]
• Potenciación de color: Se demuestra cómo utilizar valores mayores a 1 (como 2 o 3) para incrementar la saturación y lograr efectos de color vívidos o exagerados. [00:02:03]

Productos útiles para este curso

Para seguir esta clase, se recomienda contar con un editor de código como Visual Studio Code y un navegador moderno para visualizar los cambios en tiempo real.

Resumen Final

Dominar la propiedad filter: saturate es fundamental para cualquier desarrollador frontend que desee mejorar la presentación visual de sus proyectos. A través de este método, es posible aplicar efectos artísticos, corregir tonos o crear estados interactivos (como el cambio de saturación al pasar el cursor) de manera eficiente y sin comprometer el peso de los archivos de imagen originales.

Créditos del Autor

Esta lección ha sido adaptada del contenido original creado por el autor del canal, especializado en desarrollo web y programación frontend. Se recomienda visitar su canal oficial de YouTube para profundizar en estos contenidos.