Añade animación a los elementos
La animación ayuda a resaltar el contenido clave y aporta energía a tu sitio web. Añade animaciones de desplazamiento a los elementos para que tu página sea más interactiva y cautivadora.
En este artículo hablaremos de cómo dar animación al texto, las imágenes y los botones, además de ajustar la configuración de la animación.
Añade animación de desplazamiento a tus elementos para hacer tu página más interactiva y cautivadora.
Puedes añadir animación a los widgets Texto, Botones e Imagen y al elemento Columna. Si añades animación al elemento Columna, todos sus elementos aparecerán con el tipo de animación seleccionado.
Ve a la configuración de tu elemento, activa la opción Animación al desplazar y configura los ajustes:
| Tipo de animación | Selecciona un efecto de entrada. | |
| Desvancer | Esta opción permite que un elemento aparezca o desaparezca gradualmente cuando los usuarios se desplazan hacia abajo o hacia arriba. Utiliza este efecto para llamar la atención sobre un determinado elemento, como un titular o un botón de llamada a la acción. | |
| Escalar | Esta opción permite aumentar o reducir gradualmente el tamaño de un elemento cuando los usuarios se desplazan hacia abajo o hacia arriba. Utiliza este efecto para llamar la atención sobre un determinado elemento o crear una sensación de profundidad. | |
| Deslizar | Esta opción permite mover un elemento de una posición a otra cuando los usuarios se desplazan por la página. Utiliza este efecto para crear una experiencia de usuario dinámica y emocionante. | |
| Ticker de desplazamiento | Esta opción añade un efecto que desplaza continuamente el texto horizontal por la pantalla. Este efecto ayuda a resaltar la información importante.
Puedes aplicarlo sólo al widget Texto. Aparecerá en tu sitio web publicado o en el modo de vista previa. |
|
| Posición de la animación | Selecciona la dirección desde la que debe aparecer tu elemento (izquierda, derecha, arriba o abajo). | |
| Velocidad de animación | Selecciona la velocidad a la que debe aparecer tu elemento (lenta, media o rápida). | |
Última actualización: 23.07.2025
o