> ## Documentation Index > Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt > Use this file to discover all available pages before exploring further. # Animaciones > Editar los movimientos del logotipo, las entradas de tarjetas, los efectos de la manguera y el instalador de esqueleto. Página Creative **Animaciones** abre la parte. Para los movimientos de logotipo **Animaciones de Logo**para tarjeta y comportamiento de carga **Animaciones de contenido** Usa el editor. ## Ajuste la altura del logotipo y el movimiento **Logo Animación** se abre y cierra el movimiento. **Altura de Logo (px)** field **32–300** El tamaño del logotipo en la pantalla se encuentra al entrar en un valor entre. Para cambiar el archivo visual [Logotipos](https://docs.zonely.gen.tr/es/guides/page-builder/logo.md) Vaya a la sección. [![Logo animation, Layer Insert, Layer settings, Reduce movement](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/11-logo-animasyon-es.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=cbd62b6306b461a7c67f428da79848e7)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/11-logo-animasyon-es.png) > [card] 1. Animación por logotipo > > Abre el movimiento del logotipo y ajusta la altura por separado. > [card] 2. Inserción de capas > > Puede utilizar un modo de movimiento y trabajo diferente en cada capa. > [card] 3. Ajustes de capa > > Seleccionar tipo, tiempo, retraso y modo. Cambiar el ranking con up/Down. > [card] 4. Reducir el movimiento > > Use ajuste de movimiento reducido para un aspecto más tranquilo. **Añadir capa** Agregue un movimiento con el botón. Su capa **Gente**, **Duración**, **Delay** y **Home** llenan los campos. Tiempo y retraso son milisegundos; **1000 ms, 1 segundo**. Hay movimientos como salto, oscilación, pulso, inhalación, deslizamiento, zoom, volteo, entrada borrosa y brillo en la lista de tipos. Comience con una capa primero **Replay Preview** Presione el botón; luego agregue la segunda capa si es necesario. **Introducción** para movimientos iniciales. Las capas **Consecutive** se reproducen en orden. **Bucle infinito**used para capas que se repetirán después del comienzo. Lista El modo **Exit** no se activa por sí mismo en la vista previa del logotipo actual. Inicio **Up / Down** cambia la secuencia de botones; **Suprímase** solo elimina esa capa. **Movimiento Azalt** Puede detener el movimiento en vista previa con la opción. La opción de movilidad reducida del dispositivo también se considera. ## Prepare la animación de entrada de las tarjetas **Animaciones de contenido** ventana **Animaciones** abre la llave. [![Trigger, Time and ranking, Visibility threshold, Motion curve](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/12-icerik-animasyon-es.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=0e991def6cd1271cffc3d3e2a980c5ca)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/12-icerik-animasyon-es.png) > [card] 1. Trigger > > La página de movimiento comienza a cargar o a introducir la zona visible de la tarjeta. > [card] 2. Tiempo y clasificación > > La longitud del movimiento es; esperar entre las filas de las tarjetas de retraso. > [card] 3. umbral de visibilidad > > Value de 0 a 1 determina la tasa de tarjetas que deben aparecer. > [card] 4. Curva de movimiento > > Seleccione una de las curvas listas o edite el valor de montaje. **Gente** Seleccione el área de Soluk, Up Kay, Right, Close o Translate. **Trigger**, movimiento **Cuando la página carga** o tarjeta **Cuando entras en el campo de visión** determina qué empezar. * **Filtro de dirección:** Es la condición de trabajo al desplazarse hacia abajo o deslizarse hacia arriba en cualquier dirección. * **Sólo una vez:** El movimiento limita con un juego. * **Ocultar cuando salga de la pantalla:** Determina el comportamiento de la tarjeta fuera del área visible. Revise nuevamente con su lista de reproducción. * **Duración:** La longitud del movimiento es; **100-2000 ms** se establece entre. * **Dimisión de línea:** Por el tiempo entre el fondo de las tarjetas; **0–500 ms** rango. * **Etiquetas:** ¿Cuánto debe ver la tarjeta? **0–1** Se introduce una tasa. **0,15**means alrededor del 15 por ciento. * **Inicio De:** Inicio Distancia **0–400 px** Ajustes entre. **calendario** Seleccione curva suave, estándar, dinámica, primavera, rápida o lineal de la sección. Edite el valor correspondiente si tiene una curva de movimiento especial. **Vista en vivo** Ver el resultado en el campo. ## Seleccione el efecto de llegar a las tarjetas **Acerca de Bride** opción abre el efecto de arrastre. **Retirar**, **Sombra** o **Pendiente** Seleccione uno de los tipos. **Hover Close** Compruebe la opción juntos. [![Onward effect, Tilt behaviour, Scale and duration](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/13-hover-efektleri-es.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=a54c0a6b2436425911214547f6d38971)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/13-hover-efektleri-es.png) > [card] 1. El efecto de la llegada > > Seleccione una de las vistas de Remove, Shadow o Tilt. > [card] 2. Comportamiento de inclinación > > Use cursor Seguimiento o modo Angle fijo. > [card] 3. Escala y tiempo > > Segure el tiempo de crecimiento y movimiento de la tarjeta por separado. Si está usando la pendiente **Siguiendo el Cursor** para estar atado por el ratón, **Ángulo fijo** Mantenga en una cierta pendiente con él. **Potencia inclinada** densidad de pendiente, **Z** retorno, **Tarjetas descomponen Zikzak** ajusta el uso alternativo de las rotaciones. **Magnificación** escala de tarjeta, **Duración** determina la longitud del pase. Pruebe la conexión de la tarjeta y los botones ya que no se puede realizar en el ratón en los teléfonos. ## Set scaffold loader **Préstamo de andamio**El contenido es los soportes de los lugares que aparecen al prepararse. **En Fotos** y **Textos** Seleccione qué contenido se utiliza con sus selecciones. [![Cargador de andamio, Imagen y texto, Vista Shimmer](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-es.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=12bc4cdf5aa25dbeee8818822948c2d1)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-es.png) > [card] 1. Cargador de andamio > > Abre y cierra las agarre de tierra mostradas cuando el contenido está preparado. > [card] 2. Visual y texto > > Seleccione qué contenidos de soportes de tierra se utilizan. > [card] 3. Vista de Shimmer > > Senta el radio de esquina y la duración de la chispa. **Efecto de flujo** abre y cierra el movimiento. **Corner Radius** forma del soporte espacial, **Glaze Time** ajusta la velocidad del movimiento. Compruebe y cerrar la ventana y **Guardar todo** Pulse el botón. Compruebe la primera abertura, desplazamiento/slot e interacciones de la tarjeta en la página del usuario. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.