Editar el fondo de un contenedor + Efecto Parallax

Soporte Donweb
Soporte Donweb
  • Actualización

Para editar el fondo de un contenedor, primero selecciónalo y dirígete a la sección ESTILO FONDO. Cuando tengas seleccionado el contenedor, puedes personalizar el fondo de tres maneras: color, imagen y video.

1 - Color del fondo

Elige un color del recuadro, o ingresa el código de color de tu marca para usarlo como fondo. Tienes dos opciones disponibles:

Color sólido:

Un color uniforme para el fondo.

Color 2.png

Color gradiente:

Una transición de colores para un efecto más dinámico.

color 1.png

Si el contenedor ya tiene una imagen de fondo, el color podría no ser visible.

🎬Aquí te mostramos paso a paso cómo agregar un color de fondo:

sitio simple color de fondo.gif

2- Imagen de fondo

Añade una imagen como fondo y ajusta sus propiedades para personalizar su apariencia:

  • Repetición: Esta función es ideal si la imagen es pequeña, puedes repetirla para cubrir todo el fondo. 
  • Tamaño: Elige cómo debe ajustarse a la imagen de fondo respecto del contenedor, hay dos formas: - Contener: La imagen se ajusta al contenedor.
    - Cubrir: La imagen ocupa todo el espacio del contenedor.
  • Posición: Estas opciones te permiten ubicar la imagen de fondo en el centro, a la izquierda o a la derecha. 
  • Efecto Parallax: Crea una sensación de profundidad al hacer que el video se mueva a una velocidad diferente al desplazamiento de la página.

🎬Aquí te mostramos paso a paso cómo agregar una imagen de fondo:

sitio simple imagen de fondo.gif

3 - Video de fondo

Sólo puedes agregar videos que estén cargados en YouTube como fondo.

Agrega el enlace del vídeo que usarás como fondo y ajusta sus propiedades para personalizar su apariencia. Tienes dos opciones disponibles:

  • Reproducción en bucle: Para que el video se repita continuamente.
  • Efecto Parallax: Crea una sensación de profundidad al hacer que el video se mueva a una velocidad diferente al desplazamiento de la página.

🎬Aquí te mostramos paso a paso cómo agregar un video de fondo:

sitio simple video de fondo.gif

⚖️ Relación de aspecto

En todas las opciones puedes modificar la relación de aspecto para ajustar la proporción del contenedor según tus necesidades.

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 0

¿Tiene más preguntas? Enviar una solicitud

Comentarios

0 comentarios

El artículo está cerrado para comentarios.