> ## 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.

# Animazioni

> Modifica movimenti del logo, voci della carta, effetti dell'hover e installatore di scheletri.

Pagina Creative **Animazioni** aprire la parte. Per movimenti di logo **Animazione logo**per il comportamento di carta e di carico **Animazioni dei contenuti** Usa l'editor.

## Regolare altezza del logo e movimento

**Animazione logo** interruttore aperto e chiude il movimento. **Altezza del logo (px)** campo **32–300** Impostare la dimensione del logo sullo schermo inserendo un valore tra. Per cambiare il file visivo [Logo](https://docs.zonely.gen.tr/it/guides/page-builder/logo.md) Vai alla sezione.

[![Logo animation, Layer Insert, Layer settings, Reduce movement](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/11-logo-animasyon-it.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=9177fb36d227163bce79523ea6ab4419)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/11-logo-animasyon-it.png)

> [card] 1. Animazione logo
>
> Apri il movimento del logo e regola l'altezza separatamente.

> [card] 2. Inserto di livello
>
> Puoi usare una modalità di movimento e di lavoro diversa in ogni strato.

> [card] 3. Impostazioni del livello
>
> Seleziona il tipo, il tempo, il ritardo e la modalità. Cambia la classifica con up/Down.

> [card] 4. Ridurre il movimento
>
> Utilizza la regolazione del movimento ridotta per un look più silenzioso.

**Aggiungi il livello** Aggiungi un movimento con il pulsante. Il tuo strato **Genere**, **Durata**, **Delay** e **Home** riempiono i campi. Il tempo e il ritardo sono millisecondi; **1000 ms, 1 secondo**.

Ci sono movimenti come salto, oscillazione, polso, inalazione, scivolamento, zoom, flipping, ingresso sfocato e scintilla nell'elenco dei tipi. Inizia con uno strato primo **Riprodurre l'anteprima** Premere il pulsante; quindi aggiungere il secondo strato se necessario.

**Introduzione** per movimenti iniziali. **Consecutivo** gli strati sono giocati in ordine. **Loop infinito**utilizzato per strati che si ripeteranno dopo l'inizio. **Uscita** la modalità non viene attivata da sola nell'anteprima del logo corrente.

La casa **Up / Down** cambia la sequenza dei pulsanti; **Cancella** rimuove da sola lo strato. **Movimento Azalt** Puoi fermare il movimento in anteprima con l'opzione. La scelta di mobilità ridotta del dispositivo è anche considerata.

## Prepara l'animazione di ingresso delle carte

**Animazioni dei contenuti** finestra **Animazioni** aprire la chiave.

[![Trigger, Time and ranking, Visibility threshold, Motion curve](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/12-icerik-animasyon-it.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=f8b14a1f3b1b17de1a7a02330720ad8f)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/12-icerik-animasyon-it.png)

> [card] 1. Trigger
>
> La pagina di spostamento inizia a caricare o inserire la scheda area visibile.

> [card] 2. Tempo e ordinamento
>
> La lunghezza del movimento è; attendere tra le righe di ritardo carte.

> [card] 3. Soglia di visibilità
>
> Valore da 0 a 1 determina la velocità delle carte che dovrebbero apparire.

> [card] 4. Curva di movimento
>
> Seleziona una delle curve pronte o modifica il valore di easing.

**Genere** Seleziona l'area di Soluk, Up Kay, Right, Close o Translate. **Trigger**, movimento **Quando la pagina si carica** o scheda **Quando si entra nel campo di vista** determina cosa iniziare.

* **Filtro di direzione:** È la condizione di lavoro quando scorre verso il basso o scorre in qualsiasi direzione.
* **Una volta sola:** Il movimento si limita con un solo gioco.
* **Nascondi quando esce dalla schermata:** Determina il comportamento della scheda dall'area visibile.
* **Durata:** La lunghezza del movimento è; **100–2000 ms** impostato tra.
* **Ritardo in linea:** Per il tempo tra lo sfondo delle carte; gamma **0-500 ms**.
* **Tags:** Quanto deve essere visto il biglietto; **0–1** Viene inserito un tasso. **0,15**means circa il 15 per cento.
* **Da:** Avviare Distanza **0–400 px** impostazioni tra.

**tempistiche** Selezionare Curva morbida, standard, dinamica, primavera, veloce o lineare dalla sezione. Modificare il valore corrispondente se si dispone di una curva di movimento speciale. **Vista dal vivo** Visualizza il risultato nel campo.

## Selezionare l'effetto di venire su carte

L'opzione **Informazioni su Bride** apre l'effetto hover. **Rimuovi**, **Ombra** o **Pista** Selezionare uno dei tipi. **Chiudere il cerchio** Controllare l'opzione insieme.

[![Onward effect, Tilt behaviour, Scale and duration](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/13-hover-efektleri-it.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=1177c612638af0016ed78d1d1dc84517)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/13-hover-efektleri-it.png)

> [card] 1. L'effetto di venire su
>
> Seleziona una delle viste Rimuovi, Ombra o Tilt.

> [card] 2. Comportamento della latta
>
> Usa del cursore Tracking o modalità angolo fisso.

> [card] 3. Scala e tempo
>
> Set la crescita e il tempo di movimento della scheda separatamente.

Se si utilizza la pendenza **Seguendo il Cursor** per essere vincolato dal mouse, **Angolo fisso** Tenere su una certa pendenza con esso. **Potenza di ribaltamento** densità di pendenza, **Ritorno Z** ritorno, **Carte Break Zikzak** regola l'uso alternativo delle rotazioni.

**Magnificazione** scala di carta, **Durata** determina la lunghezza del passaggio. Prova il collegamento della scheda e dei pulsanti in quanto non può essere eseguito sul mouse sui telefoni.

## Set loader

**Loader per il ponteggio**Il contenuto è il supporto del luogo che appare quando si prepara. **In foto** e **Testi** Selezionare quale contenuto viene utilizzato con le loro selezioni.

[![Caricatore, immagine e testo, Vista Shimmer](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-it.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=de220beb0463b160b468ab35b3bb081c)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-it.png)

> [card] 1. Caricatore di ponte
>
> Apri e chiudi le impugnature a terra indicate quando il contenuto è preparato.

> [card] 2. Visiva e testo
>
> Seleziona quale contenuto dei supporti di terra sono utilizzati.

> [card] 3. Vista panoramica
>
> Set il raggio d'angolo e la durata della scintilla.

**Effetto di Glow** apre e chiude il movimento. **Radiatore ad angolo** forma del supporto spazio, **Tempo di Glaze** regola la velocità di movimento.

Controllare e chiudere la finestra e **Salvare tutti** Premere il pulsante. Controllare la prima apertura, down/slot scorrimento e le interazioni della scheda sulla pagina dell'utente.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.