Editar el fondo de un contenedor + Efecto Parallax
Personaliza fondos y agrega efectos parallax
En este artículo:
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 gradiente:
Una transición de colores para un efecto más dinámico.
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:
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:
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:
⚖️ 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.
¿Necesitas ayuda adicional?
Si tienes dudas específicas o necesitas asistencia técnica, nuestro equipo está aquí para ayudarte.