Las animaciones de entrada te permiten animar widgets y elementos de la página al cargar por primera vez en tu sitio. El movimiento y la interactividad hacen que tu sitio sea más memorable y pueden destacar las secciones que quieres que los visitantes entiendan, como un número de teléfono o un botón de contacto.
Además, puedes controlar dónde comienza y termina la animación en la pantalla mediante los Ajustes de Desplazamiento.
Al agregar animaciones, ten en cuenta lo siguiente:
- Demasiadas animaciones pueden desorientar o distraer a los usuarios, así que úselas con moderación.
- Al eliminar una animación, recuerda que las animaciones se pueden aplicar tanto a filas como a widgets, por lo que la animación que estás viendo podría haberse agregado en algún lugar inesperado.
Para agregar animaciones:
- Haz clic derecho en cualquier fila o widget para abrir su menú contextual. O bien, si estás en modo flexible, haz clic derecho en un elemento y selecciona Editar diseño.
- Coloca el cursor sobre Animación. O bien, si estás en modo flexible, se abrirá el panel Diseño de la sección Flex. A continuación, haz clic en la sección Animación. Selecciona una de las siguientes opciones:
- Entrada. Selecciona una animación de entrada de la lista que anima los widgets al cargarse por primera vez en el sitio.
- Desplazarse. Selecciona una animación de la lista para animar los widgets cuando el usuario se desplaza hasta ellos.
- Personalizar. Selecciona el disparador de la animación (Entrada o Desplazamiento) y selecciona una animación de la lista. Personalizar no está disponible en el modo flexible.
- Para las animaciones de entrada, selecciona la Duración, el Retraso y la Intensidad de la animación.
- Para las animaciones de desplazamiento, selecciona Entrada o Salida, Dirección e Intensidad.
Para restablecer la animación, haz clic en Ajustes predeterminados.
Si usas una animación de desplazamiento, puedes hacer clic en "Pausar animación" en el panel lateral para pausar todas las animaciones mientras estás en modo de edición. Las animaciones seguirán activas en la vista previa y en el sitio web en vivo.
Nota:
Las animaciones configuradas para escritorio y tableta están vinculadas y serán las mismas. Sin embargo, la versión móvil es independiente, por lo que las animaciones configuradas para escritorio y tableta no se aplicarán.
Eliminar animaciones
Para eliminar las animaciones de entrada:
- Haz clic derecho en cualquier fila o widget para abrir su menú contextual.
- Coloca el cursor sobre Animación, luego sobre Entrada o Desplazamiento y selecciona Ninguno.