Cómo funcionan
Cuando un bloque aparece en pantalla, su animación se reproduce sola. El creador sigue un orden jerárquico: primero la sección, después sus filas, luego sus columnas y por último los elementos. Cada bloque espera a que termine el de nivel superior antes de empezar. Los bloques siguen visibles después de animarse, y el contenido que espera su turno se mantiene en su estado normal en lugar de desaparecer. Así el visitante nunca ve espacios en blanco ni parpadeos.Ventajas
- Sin calcular retrasos: el orden es automático, incluso si agregas, quitas o reordenas bloques.
- Revelado coherente: animas una sección, fila o columna entera en un solo paso.
- Se activa con el scroll: nada se anima fuera de la pantalla.
- Control móvil por bloque: las animaciones están apagadas en celulares por defecto y tú decides en qué bloques activarlas.
- Corrección automática en páginas publicadas: el orden se ajusta al mostrar la página, sin volver a guardar.
Animaciones disponibles
Hay decenas de animaciones organizadas por categorías, cada una con variantes de dirección o estilo:Ajustes de la animación
Cómo aplicar una animación de entrada
1
Selecciona un bloque
Haz clic en una sección, fila o columna del lienzo. Verás su contorno con los controles de tamaño.
2
Abre la pestaña Animaciones
En la barra lateral derecha, haz clic en Animaciones y despliega Animación de entrada.
3
Previsualiza las opciones
Pasa el cursor sobre cualquier tarjeta de animación: se reproduce al instante en el bloque seleccionado. Al retirar el cursor, la vista previa desaparece. Así comparas varias antes de decidir.
4
Elige la animación
Haz clic en la tarjeta que quieres aplicar. Quedará asignada al bloque.
5
Ajusta los valores
Configura duración, retraso, escala y aceleración con los controles.
6
Guarda y publica
Haz clic en Guardar, arriba a la derecha, y publica la página. La animación se reproducirá cuando el visitante llegue a ese bloque.
Animaciones en celulares
Por defecto, las animaciones de entrada están desactivadas en celulares. Así las páginas móviles cargan rápido y no distraen al visitante. Para activarlas en un bloque concreto, enciende Activar animaciones en móvil en la pestaña Animaciones de esa sección, fila o columna. Si lo dejas apagado, el bloque aparece de inmediato en el celular, sin animación. El creador recalcula el orden en móvil teniendo en cuenta los bloques sin animación. Por ejemplo, si una sección se anima en móvil pero la fila que contiene no, la fila aparece de inmediato y el siguiente bloque espera a que termine la sección. El orden se mantiene correcto en todos los dispositivos.Preguntas frecuentes
¿Puedo animar elementos sueltos dentro de una sección o fila?
¿Puedo animar elementos sueltos dentro de una sección o fila?
Sí. Puedes animar secciones, filas, columnas y elementos individuales. Si animas un bloque y un elemento dentro de él, el elemento espera a que termine el bloque.
¿Qué pasa si agrego una fila nueva entre dos filas animadas?
¿Qué pasa si agrego una fila nueva entre dos filas animadas?
El creador la inserta en la secuencia automáticamente: espera a la fila de arriba, se anima y luego empieza la de abajo.
¿Funcionan en páginas que ya estaban publicadas?
¿Funcionan en páginas que ya estaban publicadas?
Sí. El orden se corrige solo al mostrar la página, sin necesidad de volver a guardarla. Las animaciones que ya tenías en elementos se ordenan junto con las nuevas.
¿Puedo previsualizar antes de aplicar?
¿Puedo previsualizar antes de aplicar?
Sí. Pasa el cursor por cualquier tarjeta de animación y se reproducirá en el bloque seleccionado.
¿Qué pasa con los bloques que esperan su turno?
¿Qué pasa con los bloques que esperan su turno?
Se muestran en su estado normal. No desaparecen ni quedan invisibles mientras esperan.
¿Funcionan con plantillas de elemento guardadas?
¿Funcionan con plantillas de elemento guardadas?
Sí. Si colocas una plantilla dentro de un bloque animado, el elemento espera a que termine la animación de su bloque.
¿Puedo usar animaciones distintas en cada bloque?
¿Puedo usar animaciones distintas en cada bloque?
Sí. Cada sección, fila y columna puede tener su propia animación, duración, retraso, escala y aceleración. El orden jerárquico se respeta igual.
Artículos relacionados
Personalizar animaciones
Anima elementos individuales de tus páginas.
Animaciones de texto, imágenes y botones
Efectos para elementos concretos.
Diseños anidados
Organiza secciones, filas y columnas.
Versión para escritorio y móvil
Ajusta tu página para cada dispositivo.