> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Degradados y desenfoque de fondo en el creador de páginas

> Aplica degradados lineales, radiales o angulares y desenfoque de fondo a secciones, filas y columnas.

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.

| Nivel | Uso recomendado |
| - | - |
| Sección | Degradados o desenfoque a todo lo ancho, por ejemplo en la portada (hero). |
| Fila | Franjas de fondo que abarcan varias columnas. |
| Columna | Un desenfoque o degradado sutil para que un bloque de texto concreto se lea mejor. |

## 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.

> [!TIP]
>
> 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

> **¿Cuántos colores puedo usar en un degradado?**
>
> Hasta 10 paradas de color.

> **¿Cambian mis fondos de imagen o video actuales?**
>
> No. Tu configuración anterior se mantiene; el degradado y el desenfoque son opciones adicionales.

> **¿El desenfoque afecta al contenido del elemento?**
>
> No. Suaviza lo que está detrás del elemento. El contenido que está dentro, como el texto, se mantiene nítido.

> **Veo franjas o bandas en mi degradado. ¿Cómo lo arreglo?**
>
> Agrega una parada intermedia cerca de la transición brusca, elige colores con una luminosidad más parecida o ajusta ligeramente el ángulo.

> **¿Cómo elimino una parada o vuelvo a un color sólido?**
>
> 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](https://help.chateea.com/docs/sitios/video-de-fondo.md)**
>
> Usa un video como fondo de una sección.

> **[Sombras en elementos](https://help.chateea.com/docs/sitios/sombras-en-elementos.md)**
>
> Da profundidad a tus elementos con sombras.

> **[Selector de color](https://help.chateea.com/docs/sitios/selector-de-color.md)**
>
> Elige y guarda los colores de tu marca.

> **[Personalizar animaciones](https://help.chateea.com/docs/sitios/personalizar-animaciones.md)**
>
> Anima los elementos de tus páginas.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.