Home > Elementos Estándar > Propiedades básicas de elementos > Animación
Animación
En la sección de animación puede establecer cómo se debe animar un elemento. Es posible configurar tres disparadores diferentes (se muestra el Elemento, haciendo clic o tocando, el Element está oculto) para una animación.
En las propiedades, hay diferentes tipos de animación disponibles. Además, puede configurar libremente en la configuración predeterminada Estándar, en la que están disponibles diferentes propiedades de Elemento, Transformaciones y Filtros.
También se puede configurar la duración, el retraso, las repeticiones y las atenuaciones para cada animación configurada.
Nota importante:
Tan pronto como active una animación para un elemento en las propiedades, dependiendo de la configuración del valor inicial o final, la animación será visible al desplegar la sección Animación en el diálogo de propiedades. Al salir de la sección Animación, el elemento se muestra en su apariencia no animada. Para ver completamente el efecto de la animación, debe iniciar la vista previa o presionar el botón "Reproducir animación".

1. Disparador

En la sección de Disparador, puede seleccionar los tres activadores de animación que se muestran Elemento, haciendo clic o tocando o Elemento está oculto y configúrelos en la parte inferior de la sección. Los disparadores activados están marcados con un icono verde.

1. El elemento se muestra: la animación configurada comenzará cuando se muestre el elemento. Este disparador se puede utilizar en una visualización controlada por Secuencia o en una visualización de elementos controlada por las Condiciones de visualización. Además, la visibilidad de elementos o páginas mediante la Función de Navegación se puede combinar con este tipo de activación de animación.
2. Elemento oculto: la animación configurada se activa cuando el elemento desaparece. El final de visualización de un elemento puede controlarse mediante una Secuencia, un Contenedor intercambiable o unas Condiciones de visualización configuradas.
3. Hacer clic o tocar: al hacer clic o tocar se activa la animación de un elemento.

Nota:
Cuando utilice el activador "El elemento está oculto", tenga en cuenta que solo el elemento que desea animar está oculto y no el contenedor principal. De lo contrario, la animación establecida no será visible. En secuencias, las animaciones con el disparador "Elemento está oculto" son visibles durante un máximo de 2 segundos.

2. Propiedades

2.1 Valores iniciales y valores objetivo de la animación

Después de activar la casilla de verificación: Activado, se puede configurar una animación para cada disparador de forma independiente.
Con los botones de opción Mostrar el primero y el último cuadro de animación en el editor, se pueden ver los valores de Inicio y Objetivo configurados de la animación. Con la ayuda del botón Reproducir animación, se puede probar la animación completa.
2.2 Preajustar
Con la opción Preajustar puede elegir entre varias animaciones preestablecidas, como Rebotar, Flash y Desaparición gradual. La configuración Estándar le permite configurar una animación personalizada, con varias propiedades de Elemento, Transformaciones y Filtros disponibles.
2.3 Propiedades de animación adicionales
Además de los diferentes preajustes disponibles para la animación, se puede también configurar las siguientes propiedades de animación:

1. Duración Animación tion: la duración de la animación le permite establecer la duración de una animación desde el valor inicial hasta el valor objetivo.
2. Retardo Animation: esta opción le permite configurar un retraso entre la activación y el inicio de la animación.
3. Repetición Animation: esta opción le permite establecer la cantidad de veces que se mostrará la animación después de activarse.
4. Atenuación:en el menú desplegable puede configurar el progreso temporal de una animación con las siguientes opciones:
   - Lineal
   - Reducción
   - Reducir
   - Ampliar
   - Reducir/Ampliar

Nota:
Si usa la opción Reducir, el efecto del ajuste no se hará visible hasta que utilice una duración de animación correspondientemente larga.

Vea también

Tamaño-Posición-Alineación
Apariencia (Fondo-Bordes)
Navegación
Pop-up (Documento vinculado)
Condiciones de visualización
Ajustes del editor

Volver Arriba