Filtros CSS

El Diseñador de Webflow te permite añadir uno o varios de los siguientes filtros a cualquier elemento de tu sitio, ya sean imágenes, vídeos o texto, y ajustar la intensidad del efecto.

Los 8 filtros CSS son:

1. Desenfoque

Aplica un desenfoque gaussiano a un elemento. Aumenta el valor del radio para que los elementos se vean aún más borrosos.

2. Rotación de tono

Añade una rotación de tono al elemento seleccionado, ajustando sus colores según el valor del ángulo: 0 grados deja el elemento intacto, 180 te lleva al lado opuesto del círculo y 360 te devuelve al punto de partida. El valor máximo es 1440 grados, es decir, 4 vueltas completas al círculo.

3. Saturación

Satura el elemento seleccionado según el grado definido por el valor de cantidad que elijas. La cantidad varía de 0 a 100+, lo que permite obtener resultados súper saturados.

4. Brillo

Te permite hacer que un elemento sea más o menos brillante. Un valor del 0% vuelve el elemento completamente negro, mientras que el 100% lo deja sin cambios. También puedes superar el 100% para obtener resultados aún más brillantes.

5. Contraste

Ajusta el nivel de contraste de un elemento, donde 0% equivale a gris total, 100% deja el elemento intacto y cualquier valor superior al 100% crea efectos de alto contraste.

6. Escala de grises

La forma más sencilla de convertir una foto en color en una obra maestra en blanco y negro.

7. Sepia

¿Quieres darle un toque vintage a tu sitio? Entonces el filtro Sepia es para ti. Los valores van del 0% al 100%, así que puedes controlar qué tan vintage quieres que se vean tus imágenes.

8. Invertir

Invierte los valores de color en una imagen seleccionada; el 0% deja la imagen intacta y el 100% crea valores completamente invertidos.