Saltar al contenido principal
Con los degradados y el desenfoque de fondo puedes dar a tus páginas un aspecto moderno sin salir del creador de Chateea. Un degradado mezcla dos o más colores de forma suave para dar profundidad; el desenfoque suaviza lo que queda detrás de un elemento para mejorar el contraste y la lectura, y es la base del efecto “vidrio esmerilado” (glassmorphism). Así evitas preparar fondos en programas de diseño externos.

Qué puedes hacer

  • Controlar varios colores: crea degradados con hasta 10 paradas de color, desde mezclas sutiles hasta combinaciones intensas.
  • Elegir el tipo de degradado: lineal, radial o angular, según tu diseño.
  • Ajustar con precisión: arrastra las paradas en un control deslizante visual y define el ángulo exacto.
  • Dar profundidad al instante: activa el desenfoque y regula su intensidad para lograr un efecto de vidrio profesional.
  • Cambiar de fuente rápido: alterna entre las pestañas Color, Imagen y Video del fondo para elegir la mejor opción.

Dónde se aplican

Los fondos se configuran a nivel de contenedor: sección, fila o columna. El nivel que elijas define cómo se extiende el efecto y cómo queda el contenido encima.

Cómo agregar un degradado de fondo

1

Abre la página en el creador

Ve a Sitios → Embudos o Sitios → Sitios web, abre el embudo o sitio y entra en la página que quieres editar.
2

Abre la configuración de color del fondo

Selecciona la sección, fila o columna. En la barra lateral derecha, baja hasta Fondo y elige la pestaña Color.
3

Activa el degradado

Enciende el interruptor Degradado y, en el menú Tipo, elige Lineal, Radial o Angular.
4

Configura los colores

Agrega colores con + Agregar color o haciendo clic directamente sobre el control deslizante del degradado. Ajusta cada color con el selector, mueve las paradas en el deslizante y, en los tipos lineal y angular, usa el control Ángulo para definir la dirección.

Cómo agregar desenfoque de fondo

El desenfoque funciona especialmente bien combinado con colores semitransparentes.
1

Abre la página en el creador

Ve a Sitios → Embudos o Sitios → Sitios web, abre el embudo o sitio y entra en la página.
2

Activa el desenfoque

Selecciona la sección, fila o columna, baja hasta Fondo en la barra lateral derecha, elige la pestaña Color y enciende el interruptor Desenfoque de fondo.
3

Elige la intensidad

Usa el deslizante Intensidad del desenfoque hasta lograr el efecto que buscas.
Para un efecto de vidrio esmerilado legible, coloca una columna con un color blanco o negro semitransparente y desenfoque moderado sobre una sección con imagen de fondo. El texto de la columna seguirá nítido.

Preguntas frecuentes

Hasta 10 paradas de color.
No. Tu configuración anterior se mantiene; el degradado y el desenfoque son opciones adicionales.
No. Suaviza lo que está detrás del elemento. El contenido que está dentro, como el texto, se mantiene nítido.
Agrega una parada intermedia cerca de la transición brusca, elige colores con una luminosidad más parecida o ajusta ligeramente el ángulo.
Haz clic en la X junto a la parada para borrarla. Para volver a un color sólido, desactiva Degradado y elige un solo color en la pestaña Color.

Artículos relacionados

Video de fondo

Usa un video como fondo de una sección.

Sombras en elementos

Da profundidad a tus elementos con sombras.

Selector de color

Elige y guarda los colores de tu marca.

Personalizar animaciones

Anima los elementos de tus páginas.
Última modificación el 29 de septiembre de 2026