Este bloque nos permitirá:
- Agrupar bloques con fondo animado de imágenes con efectos
- Mostrar una animación de imágenes con efectos
Te mostramos cómo utilizarlo:
1.-Insertamos el bloque
Añadimos el bloque «Contenedor Animado». Nos aparecerá en el lienzo, en forma de rectángulo.
Haciendo clic sobre el +, podemos añadir otros bloques al contenedor, que quedarán agrupados y tendrán el fondo común. En este caso, añadiremos un bloque titular.
Escogeremos un color de texto blanco y un fondo gris con transparencia, de manera que resalte el texto sin tapar las imágenes.
Ajustaremos el formato del titular a nuestro gusto, modificando:
- Negrita (peso de la fuente)
- Tamaño de la fuente
- Color de texto: blanco
- Color del fondo: gris con transparencia
2.-Ajustamos la altura del contenedor y otras opciones de aspecto
Por defecto, el contenedor se muestra a ancho completo y con una altura mínima. Es importante configurar la altura que deseamos mostrar.
En este caso, hemos ajustado:
- Altura: 400px
- Alineación vertical: Centro
- Alineación horizontal: Centro
3.-Configuración del fondo (animado)
Disponemos de tres opciones:
- Imagen estática
- Color sólido
- Degradado
- Imagen deslizante
En este ejemplo, elegiremos esta última, ya que las otras opciones las tenemos también en el bloque contenedor de generateblocks.
Al seleccionar la opción de Imagen deslizante en el tipo de fondo nos aparece la opción de crear una galería (selección de imágenes) que se mostrarán dinámicamente en el fondo del contenedor. Podemos elegir también alguno de los efectos de transición que se nos ofrecen.
Una vez seleccionadas de la mediateca las imágenes, pulsaremos el botón «Crear una galería nueva», abajo, a la derecha.
Ahora se nos mostrarán solo las imágenes seleccionadas y pulsaremos el botón: «Insertar una galería»
Una vez insertada la galería, aparecerá en el lienzo nuestro fondo animado con imágenes.
Además, se mostrará una previsualización de las imágenes en el panel derecho de configuración.
Es el momento de probar diferentes efectos de animación para dejar nuestro bloque listo!
